html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: #333; background: white; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body { text-align: center; margin: 36px 0; padding-left: 10px; } .container { text-align: left; position: relative; padding: 0; margin: 0 auto; width: 960px; } .column { float: left; margin: 0 10px; padding: 0; } * html .column { overflow-x: hidden; } .border { padding-right: 9px; margin-right: 0; border-right: 1px solid #ddd; } .first { margin-left: 0; } .last { margin-right: 0; } .span-1 { width: 50px; } .span-2 { width: 120px; } .span-3 { width: 190px; } .span-4 { width: 260px; } .span-5 { width: 330px; } .span-6 { width: 400px; } .span-7 { width: 470px; } .span-8 { width: 540px; } .span-9 { width: 610px; } .span-10 { width: 680px; } .span-11 { width: 750px; } .span-12 { width: 820px; } .span-13 { width: 890px; } .span-14 { width: 960px; margin: 0; } .append-1 { padding-right: 70px; } .append-2 { padding-right: 140px; } .append-3 { padding-right: 210px; } .append-4 { padding-right: 280px; } .append-5 { padding-right: 350px; } .append-6 { padding-right: 420px; } .append-7 { padding-right: 490px; } .append-8 { padding-right: 560px; } .append-9 { padding-right: 630px; } .append-10 { padding-right: 700px; } .append-11 { padding-right: 770px; } .append-12 { padding-right: 840px; } .append-13 { padding-right: 910px; } .prepend-1 { padding-left: 70px; } .prepend-2 { padding-left: 140px; } .prepend-3 { padding-left: 210px; } .prepend-4 { padding-left: 280px; } .prepend-5 { padding-left: 350px; } .prepend-6 { padding-left: 420px; } .prepend-7 { padding-left: 490px; } .prepend-8 { padding-left: 560px; } .prepend-9 { padding-left: 630px; } .prepend-10 { padding-left: 700px; } .prepend-11 { padding-left: 770px; } .prepend-12 { padding-left: 840px; } .prepend-13 { padding-left: 910px; } .box { padding: 1.5em; margin-bottom: 1.5em; background: #f0f0f0; } .clear { display: inline-block; } .clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } img { margin: 0 0 1.5em 0; } .pull-1 { margin-left: -70px; } .pull-2 { margin-left: -140px; } .pull-3 { margin-left: -210px; } .push-0 { margin: 0 0 0 1.5em; float: right; } .push-1 { margin: 0 -88px 0 1.5em; float: right; } .push-2 { margin: 0 -158px 0 1.5em; float: right; } .push-3 { margin: 0 -228px 0 1.5em; float: right; } body { font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 1.5; } body { font-size: 75%; } html > body { font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; color: #111; clear: both; } h1 { font-size: 3em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; line-height: 2; } h4 { font-size: 1.2em; line-height: 1.25; font-weight: bold; } h5 { font-size: 1em; font-weight: bold; } h6 { font-size: 1em; } p { margin: 0 0 1.5em 0; text-align: justify; } p.last { margin-bottom: 0; } p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.top { margin-top: 0; } ol { list-style-type: decimal; } dl { margin: 1.5em 0; } dl dt { font-weight: bold; } a { color: #125AA7; text-decoration: underline; outline: none; } a:hover { color: #000; } blockquote { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em { font-style: italic; } pre { margin-bottom: 1.3em; background: #eee; border: 0.1em solid #ddd; padding: 1.5em; } code { font: 0.9em Monaco, monospace; } hr { background: #B2CCFF; color: #B2CCFF; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.4em 0; border: none; } * html hr { margin: 0 0 1.2em 0; } table { margin-bottom: 1.4em; border-top: 0.1em solid #ddd; border-left: 0.1em solid #ddd; } th, td { height: 1em; padding: 0.2em 0.4em; border-bottom: 0.1em solid #ddd; border-right: 0.1em solid #ddd; } th { font-weight: bold; } label { font-weight: bold; } textarea { height: 180px; width: 300px; } p.small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; } p.large { font-size: 1.2em; line-height: 2.5em; } p.quiet { color: #666; } .hide { display: none; } .alt { color: #666; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size: 1.2em; line-height: 1%; font-style: italic; } .dquo { margin-left: -0.7em; } p.incr, .incr p { font-size: 0.83333em; line-height: 1.44em; margin-bottom: 1.8em; } body { margin: 0; font-family: Arial, sans-serif; padding: 0; } body.clean { background: #f2f2f2 url("images/bg_header.png") left -4em repeat-x; } body.standard { background: #fff left top repeat-x; } body.iframe { background-color: transparent; } .top { margin-top: 6em; padding: 0 10px; } .more_top { margin-top: 8em; } .waterflow .top { margin-top: 3em; padding: 0; } body.standard .container { max-width: 1060px; min-width: 1040px; width: auto; } body.standard .container.waterflow { width: 1060px; } .main_container { float: left; margin: 0 auto; background-color: #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 16px; width: 1050px; } .box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 16px; background: #fff; border: 0; } .main_container.waterflow { padding: 0; } .prependSmall { margin-left: 5em; width: 500px; } a { text-decoration: none; font-weight: bold; color: #2aa4dd; } a:hover, a:focus { color: #777; } a.noclick, a.noclick:hover, a.noclick:focus { color: #898989 !important; text-decoration: none !important; cursor: default !important; } a.smallLink { font-size: 0.9em; font-weight: normal; color: #2386b4; } a.smallLink:hover, a.smallLink:focus { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; color: #2a2929; } acronym { border-bottom: 1px dotted #9d8e8e; cursor: help; } p { text-align: left; } ul, ol { margin-left: 1.6em; } ul { list-style-type: none; margin: 0; padding: 0; } p.error, p.success, p.message { padding: 0.3em 0.2em; margin-top: 0.3em; margin-bottom: 1.4em; font-size: 1.1em; color: #311; text-align: center; font-weight: bold; position: relative; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .errorText { background-color: #ffa0b7; } span.error { color: #DE2929; text-align: center; font-size: 1.1em; display: block; } p.error { background-color: #DF4729; } .successText { background-color: #b3f9ae; } p.success { background-color: #71B71F; } .messageText { background-color: #fff7c3; } p.message { background-color: #E0BF1F; } p.success span { font-size: 0.8em; display: block; position: absolute; top: -0.1em; right: 0.4em; } p.message span a, p.success span a { font-weight: normal; color: #235694; } #mainContent.iframe { font-size: 1.1em; } #mainContent .headerSidebar { text-align: right; color: #898989; font-weight: bold; } #mainContent .headerSidebar a { font-weight: normal; } #mainContent ul.tags { list-style-type: none; font-size: 1.2em; text-align: justify; width: 80%; margin: 1.4em auto; margin-bottom: 0; } #mainContent ul.tags li { display: inline; line-height: 1.6em; margin-right: 11px; } #mainContent ul.tags li:after { content: ","; font-size: 1.2em; font-weight: bold; color: #c9c9c9; } #mainContent ul.tags li.end:after { content: "."; } #mainContent ul.tags li a { padding: 0.05em; font-weight: normal; } #mainContent ul.tags li span { display: none; } #mainContent ul.tags a:hover, #mainContent ul.tags a:focus { background-color: #2aa4dd; color: white !important; } #moreOptions { margin-top: 2em; } #moreAddressOptions { font-size: 0.7em; margin: 1em 0; } #popularTagsDiv, #suggestionsBox { display: none; text-align: justify; line-height: 1.3em; } #userSuggestionsBox { clear: both; margin-bottom: 1em; } #popularTagsDiv h3, #suggestionsBox h3, #userSuggestionsBox h3 { margin-top: 0.4em; margin-bottom: -0.4em; } .tag { padding: 1px 5px 2px; margin: 2px 4px 2px 0; line-height: 2em; white-space: nowrap; font-weight: normal; color: #196283; background-color: #E2F1F1; border: 1px solid #A8DCDB; border-color: #C0D9E9 #ACC3EC #ACC3EC; border-right: 1px solid #ACC3EC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-shadow: 1px 1px #fff; box-shadow: 0 1px 1px #EFEFEF; -moz-box-shadow: 0 1px 1px #EFEFEF; -webkit-box-shadow: 0 1px 1px #EFEFEF; } li.tag { float: left; display: block; line-height: 15px; cursor: default; } a.tag:hover, a.tag:focus { background-color: #2aa4dd !important; color: white !important; border: 1px solid #114D69; text-shadow: 0 0; } .tag.selected { background-color: #c8c8c8 !important; color: #807B7B !important; text-shadow: 1px 1px #DCDCDC; border: 1px solid #A8AEB1; box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0; } .tag.unselected { background-color: transparent; color: inherit; } .tag a.rmvT { font-family: Verdana, sans-serif; color: #6D9CC2; margin-left: 6px; margin-right: 2px; } .tag a.rmvT:hover, .tag a.rmvT:focus { color: #555; } #suggestionsBox p:after { content: "."; visibility: hidden; } #popularTagsDiv p.help, #suggestionsBox p.help, #userSuggestionsBox p.help { color: #9d8e8e; font-weight: normal; } form { font-size: 1em; } input.txt, textarea, select, checkbox { background-color: white; border: 1px solid #AAA; outline: none; font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; padding: 0.6em; font-weight: bold; width: 19.8em; -webkit-box-shadow: 0 2px 0 #EEEEEE inset, 0 2px 5px #F2EEEE inset; -moz-box-shadow: 0 2px 0 #EEEEEE inset, 0 2px 5px #F2EEEE inset; box-shadow: 0 2px 0 #EEEEEE inset, 0 2px 5px #F2EEEE inset; -webkit-box-shadow: 0 2px 0 #EEEEEE inset, 0 2px 5px #F2EEEE inset; -moz-box-shadow: 0 2px 0 #EEEEEE inset, 0 2px 5px #F2EEEE inset; box-shadow: 0 2px 0 #EEEEEE inset, 0 2px 5px #F2EEEE inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; -moz-transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; -o-transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; -moz-transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; -o-transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; transition: all border 0.2s linear 0s, box-shadow 0.2s linear 0s ease-out; -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; } input.txt:focus, textarea:focus, select:focus, checkbox:focus { border-color: #86B4B1; -webkit-box-shadow: 0 2px 1px #EEEEEE inset, 0 1px 1px #F2EEEE inset; -moz-box-shadow: 0 2px 1px #EEEEEE inset, 0 1px 1px #F2EEEE inset; box-shadow: 0 2px 1px #EEEEEE inset, 0 1px 1px #F2EEEE inset; -webkit-box-shadow: 0 2px 1px #EEEEEE inset, 0 1px 1px #F2EEEE inset; -moz-box-shadow: 0 2px 1px #EEEEEE inset, 0 1px 1px #F2EEEE inset; box-shadow: 0 2px 1px #EEEEEE inset, 0 1px 1px #F2EEEE inset; } input.default { color: #888; } fieldset { display: block; margin-bottom: 0.9em; } form label > a { font-weight: normal; text-decoration: underline; color: #aaa; font-size: 0.8em; margin-left: 1em; } form label a:hover, form label a:focus { color: #2386b4; } .button, button { position: relative; border: 0; margin-top: 0.6em; padding: 0.35em 1.5em 0.3em; cursor: pointer; font-weight: bold; font-size: 1.2em; color: #fff; border-bottom: 1px solid rgba(0,0,0,0.2); text-shadow: -1px -1px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 20px 15px rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 20px 15px rgba(255,255,255,0.2) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 20px 15px rgba(255,255,255,0.2) inset; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 20px 15px rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 20px 15px rgba(255,255,255,0.2) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 20px 15px rgba(255,255,255,0.2) inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #2E9FBE; -webkit-transition: all background-color 200ms ease-out; -moz-transition: all background-color 200ms ease-out; -o-transition: all background-color 200ms ease-out; transition: all background-color 200ms ease-out; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; -ms-transition: background-color 200ms; -o-transition: background-color 200ms; transition: background-color 200ms; -webkit-transition: all background-color 200ms ease-out; -moz-transition: all background-color 200ms ease-out; -o-transition: all background-color 200ms ease-out; transition: all background-color 200ms ease-out; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; -ms-transition: background-color 200ms; -o-transition: background-color 200ms; transition: background-color 200ms; } .button:hover, .button:focus, button:hover, button:focus { background-color: #37aecf; border-top-color: rgba(255,255,255,0.5) !important; color: #fff; } .button.big, button.big { font-weight: 300; font-size: 1.5em; padding: 0.6em 1.3em 0.5em 1.3em; } .button.pushable, button.pushable { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -3px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -3px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -3px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -3px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -3px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -3px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); } .button.pushable:active, button.pushable:active { position: relative; top: 1px; } .editable button[type=cancel], .edit_area button[type=cancel], .button.cancel, button.cancel { background-color: #FF768C; } button.delete { background-color: #FF768C; } button.delete:hover, button.delete:focus { background-color: #050505; } #mainContent form table th { text-align: right; } form table th, form table td { padding-bottom: 0.4em; } #mainContent legend { color: #6d5353; font-size: 1.4em; font-weight: bold; } form .error { background-color: #FFEBEB; border-color: #D74848; box-shadow: 0 0 5px #E82525; -moz-box-shadow: 0 0 5px #E82525; -webkit-box-shadow: 0 0 5px #E82525; } form .help { color: #9d8e8e; margin-left: 0.2em; margin-bottom: 0.4em; font-weight: normal; } form .help.right { margin-left: 8em; } form .help strong { color: #9d8e8e; } form .help label { font-weight: normal; } #mainContent .bulkCheckbox { margin-right: 3px; } #mainContent form#post { color: #464646; } #mainContent form#post input.txt { width: 425px; } #mainContent form#post #description { width: 425px; height: 3em; } #mainContent form#post span { padding: 0.2em; } #mainContent form span.required { color: #ff7007; font-weight: normal; font-size: 0.95em; } #mainContent form#post #commaTip { color: #6f6767; font-weight: normal; font-size: 0.95em; } #mainContent form#post table th { width: 8em; } #mainContent form#post #forDescription { color: #9c9c9c; } #mainContent form#post input.txt#description { color: #8c8c8c; } #mainContent form#post #forTags { padding-bottom: 1px; } #mainContent form#post #forTags:before { background: url(/css/images/sprites.png) -26px -185px no-repeat; width: 16px; height: 16px; display: inline-block; content: ''; width: 16px; height: 16px; display: inline-block; content: ''; margin-right: 2px; vertical-align: text-top; } #mainContent form .headerSidebar { font-size: 0.95em; margin-top: 0; margin-bottom: 1.5em; text-align: right; } #mainContent form .headerSidebar a { color: #63a9ca; } #mainContent form .headerSidebar a:hover { color: #777; } #mainContent form tbody#moreOptions #forStatus { color: #9c9c9c; } #mainContent form tbody#moreOptions input, #mainContent form tbody#moreOptions select { background-color: #ffffd3; color: #7c7c7c; } .remark { background-color: #ffa0b7; color: #C11; } label.facebookForConnected, label.twitterForConnected, label.tumblrForConnected { margin-left: 4px; padding: 0px 0 0px 22px; background-repeat: no-repeat; background-position: left center; } label.facebookForConnected, .facebookSmallBtn { background-image: url(/css/images/social/facebook_16.png); color: #3764B5; } label.twitterForConnected, .twitterSmallBtn { background-image: url(/css/images/social/twitter_16.png); color: #2FCFDD; } label.tumblrForConnected, .tumblrSmallBtn { background-image: url(/css/images/social/tumblr_16.png); color: #376480; } .twitterSmallBtn span, .facebookSmallBtn span, .tumblrSmallBtn span { display: none; } .twipsy { position: absolute; z-index: 100003; display: block; visibility: visible; padding: 5px; font-size: 11px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .twipsy.fade.in { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .twipsy.in { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .twipsy.top { margin-top: -2px; } .twipsy.right { margin-left: 2px; } .twipsy.bottom { margin-top: 2px; } .twipsy.left { margin-left: -2px; } .twipsy.top .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; } .twipsy.top-right .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; right: auto; left: 15px; } .twipsy.top-left .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; left: auto; right: 15px; } .twipsy.left .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; } .twipsy.left-bottom .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; bottom: auto; top: 15px; } .twipsy.left-top .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; top: auto; bottom: 15px; } .twipsy.bottom .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000000; } .twipsy.bottom-right .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000000; right: auto; left: 15px; } .twipsy.bottom-left .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000000; left: auto; right: 15px; } .twipsy.right .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; } .twipsy.right-bottom .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; bottom: auto; top: 15px; } .twipsy.right-top .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; top: auto; bottom: 15px; } .twipsy-inner { max-width: 200px; padding: 3px 8px; color: white; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .twipsy-arrow { position: absolute; width: 0; height: 0; } .fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; } .fade.in { opacity: 1; } a.hoverTip { font-size: 13px; text-decoration: none; font-weight: bold; margin: 0 6px 0 0; padding: 0 4px; background-color: #B5B2B2; color: #fff; text-shadow: 1px 1px #918E8E; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } a.hoverTip:focus, a.hoverTip:hover { background-color: #a5a5a2; color: #fff; } .ac_results { padding: 12px 0px; color: #ccc; overflow: hidden; z-index: 100003; opacity: 0.9; -moz-opacity: 0.9; } .ac_results .arrow_up, .ac_results .arrow_down { position: absolute; left: 0.4em; color: #333; z-index: 100002; width: 0; height: 0; border-width: 18px; border-style: solid; } .arrow_up { border-color: transparent transparent #333 transparent; } .arrow_down { border-color: #333 transparent transparent transparent; } .ac_results .arrow_up { top: -15px; } #hovertip .arrow_up { top: 15px; } .ac_results .arrow_down { bottom: -15px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #333; z-index: 100003; position: relative; } .ac_results .hovertip { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #333; padding: 5px; font-size: 11px; text-shadow: 1px 1px #000; text-align: center; color: #fff; z-index: 100003; position: relative; line-height: 1.1em; } .ac_results iframe { display: none; display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; font-size: 12px; overflow: hidden; text-align: left; line-height: 2em; z-index: 100003; } .ac_over { background-color: #2aa4dd; color: white; } .ac_over_roundup { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-radius-topleft: 5px; border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } .ac_over_rounddown { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #FBEED5; border: 1px solid #FCF8E3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .alert, .alert h4 { color: #C09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; } .alert-danger h4, .alert-error h4 { color: #B94A48; } .alert-info { background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD; } .alert-info h4 { color: #3A87AD; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } body .hoverTip { text-indent: -9999px; display: inline-block; width: 16px; height: 16px; background: url(/css/images/sprites.png) -25px -102px no-repeat; vertical-align: middle; margin: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; } body .hoverTip:hover, body .hoverTip:focus { background-color: transparent; } body.iframe { overflow-y: hidden; } body.interstate { overflow-y: hidden; } .verifyUI, .dialogUI { display: none !important; } .topbar { height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; overflow: visible; } .topbar .fill { background: #222; background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear,left top,left bottom,from(#333333),to(#222222)); background-image: -moz-linear-gradient(#333333,#222222); background-image: -ms-linear-gradient(#333333,#222222); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#222222)); background-image: -webkit-linear-gradient(#333333,#222222); background-image: -o-linear-gradient(#333333,#222222); background-image: linear-gradient(#333333,#222222); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1); } .topbar a { color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } .topbar a:hover, .topbar ul li.active a { background-color: rgba(0,0,0,0.4); color: #ffffff; text-decoration: none; } .topbar h3 { position: relative; } .topbar h3 a { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: #ffffff; font-size: 20px; font-weight: 200; line-height: 1; } .topbar form { float: left; margin: 5px 0 0 0; position: relative; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .topbar form input { background-color: #444; background-color: rgba(255,255,255,0.3); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: normal; font-weight: 13px; line-height: 1; width: 220px; padding: 4px 9px; color: #fff; color: rgba(255,255,255,0.75); border: 1px solid #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.25); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.25); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.25); -webkit-transition: none; -moz-transition: none; transition: none; } .topbar form input:-moz-placeholder { color: #e6e6e6; } .topbar form input::-webkit-input-placeholder { color: #e6e6e6; } .topbar form input:hover { background-color: #bfbfbf; background-color: rgba(255,255,255,0.5); color: #fff; } .topbar form input:focus, .topbar form input.focused { outline: none; background-color: #fff; color: #404040; text-shadow: 0 1px 0 #fff; border: 0; padding: 5px 10px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15); box-shadow: 0 0 3px rgba(0,0,0,0.15); } .topbar ul { display: block; float: left; margin: 0 10px 0 0; position: relative; } .topbar ul.secondary-nav { float: right; margin-left: 10px; margin-right: 0; } .topbar ul li { display: block; float: left; font-size: 13px; } .topbar ul li a { display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; } .topbar ul li a:hover { color: #fff; text-decoration: none; } .topbar ul li.active a { background-color: #222; background-color: rgba(0,0,0,0.5); } .topbar ul.primary-nav li ul { left: 0; } .topbar ul.secondary-nav li ul { right: 0; } .topbar ul li.menu { position: relative; } .topbar ul li.menu a.menu:after { width: 0px; height: 0px; display: inline-block; content: '\2191'; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .topbar ul li.menu.open a.menu, .topbar ul li.menu.open a:hover { background-color: #000; color: #fff; } .topbar ul li.menu.open ul { display: block; } .topbar ul li.menu.open ul li a { background-color: transparent; font-weight: normal; } .topbar ul li.menu.open ul li a:hover { background-color: rgba(255,255,255,0.1); *background-color: #444; color: #fff; } .topbar ul li.menu.open ul li.active a { background-color: rgba(255,255,255,0.1); font-weight: bold; } .topbar ul li ul { background-color: #333; float: left; display: none; position: absolute; top: 40px; min-width: 160px; max-width: 220px; _width: 160px; margin-left: 0; margin-right: 0; padding: 0; text-align: left; border: 0; zoom: 1; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6); box-shadow: 0 1px 2px rgba(0,0,0,0.6); } .topbar ul li ul li { float: none; clear: both; display: block; background: none; font-size: 12px; } .topbar ul li ul li a { display: block; padding: 6px 25px; clear: both; font-weight: normal; line-height: 19px; color: #bbb; } .topbar ul li ul li a:hover { background-color: #333; background-color: rgba(255,255,255,0.25); color: #fff; } .topbar ul li ul li.divider { height: 1px; overflow: hidden; background: #222; background: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.1); margin: 5px 0; } .topbar ul li ul li span { clear: both; display: block; background: rgba(0,0,0,0.2); padding: 6px 15px; cursor: default; color: #808080; border-top: 1px solid rgba(0,0,0,0.2); } .topbar { z-index: 999 !important; height: 60px !important; } .topbar.secondary { z-index: 990 !important; top: 0; -webkit-transition: all top 300ms ease-in-out ease-out; -moz-transition: all top 300ms ease-in-out ease-out; -o-transition: all top 300ms ease-in-out ease-out; transition: all top 300ms ease-in-out ease-out; -webkit-transition: top 300ms ease-in-out; -moz-transition: top 300ms ease-in-out; -ms-transition: top 300ms ease-in-out; -o-transition: top 300ms ease-in-out; transition: top 300ms ease-in-out; -webkit-transition: all top 300ms ease-in-out ease-out; -moz-transition: all top 300ms ease-in-out ease-out; -o-transition: all top 300ms ease-in-out ease-out; transition: all top 300ms ease-in-out ease-out; -webkit-transition: top 300ms ease-in-out; -moz-transition: top 300ms ease-in-out; -ms-transition: top 300ms ease-in-out; -o-transition: top 300ms ease-in-out; transition: top 300ms ease-in-out; } .topbar.secondary.show { top: 48px; } .topbar .container { width: 100% !important; max-width: 1080px !important; min-width: 1000px !important; } .topbar.secondary .container { width: 100%; max-width: 1060px; min-width: 1040px; } .topbar .fill { background: url(/css/images/black_denim.png) repeat scroll 0 0 #121212; border-top: 3px solid rgba(0,192,255,0.44); border-bottom: 2px solid rgba(0,0,0,0.31); -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5), inset 0 -1px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5), inset 0 -1px 10px rgba(0,0,0,0.9); box-shadow: 0 0px 10px rgba(0,0,0,0.5), inset 0 -1px 10px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5), inset 0 -1px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5), inset 0 -1px 10px rgba(0,0,0,0.9); box-shadow: 0 0px 10px rgba(0,0,0,0.5), inset 0 -1px 10px rgba(0,0,0,0.9); padding: 4px 16px 4px; } .topbar.aux .fill { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); } .topbar.secondary .fill { margin: 0 auto; } .topbar.secondary .fill { margin: 0 auto; background: #ededed; border: none; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.025), 0 3px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.025), 0 3px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.025), 0 3px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.025), 0 3px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.025), 0 3px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.025), 0 3px 0 rgba(0,0,0,0.05); padding: 0; max-width: 1060px; min-width: 1040px; width: 100%; } .topbar a { color: #7a7a7a; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); font-weight: normal; } .topbar .logo { position: relative; } .topbar .logo #logo { width: 119px; height: 20px; float: left; display: block; position: relative; padding: 7px 20px 13px; margin-left: -20px; color: #ffffff; font-size: 20px; font-weight: 200; line-height: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .topbar .logo #logo img { color: #8EE7FF; border-color: rgba(0,0,0,0.1); outline: none; } .topbar .slots img, .topbar .smallAvatar { display: inline-block; width: 24px; height: 24px; margin: -2px 0 -3px; vertical-align: bottom; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(255,255,255,0.1); } .topbar .slots { margin-left: 14em; } .topbar .slots img { padding: 0; background: rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(255,255,255,0.1) inset; -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(255,255,255,0.1) inset; } .topbar form { margin-top: 8px !important; } .topbar form#search input { color: #a2a2a2; text-shadow: none; } .topbar form#search input::-moz-input-placeholder { color: #bbb; } .topbar form#search input::-webkit-input-placeholder { color: #bbb; } .topbar form#search input::selection { color: #000; background: #227E7D; } .topbar form#search input::-moz-selection { color: #000; background: #227E7D; } .topbar form#search input:focus, .topbar form#search input:hover { color: #ccc; } .topbar ul { margin-right: 0 !important; margin-top: 1px !important; } .topbar.secondary ul { margin-right: 10px; } .topbar.secondary ul.indent { margin-left: 40px; } .topbar.secondary ul li span, .topbar.secondary ul li a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 7px 4px 9px; font-size: 12px; text-shadow: none; } .topbar.secondary ul li span { display: inline; float: none; font-weight: bold; } .topbar ul li.active.open a { font-weight: normal; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .topbar ul li.active a { text-shadow: none; } .topbar.secondary ul li.menu a.menu:after { border-top: 4px solid #444 !important; } .topbar ul li span { display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; color: #666; } .topbar ul li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px 10px 6px; margin-top: 4px; margin-right: 10px; } .topbar ul li a:hover, .topbar ul li a:focus { color: #fff; text-decoration: none; } .topbar.secondary ul li a:hover, .topbar.secondary ul li a:focus { color: #555; text-decoration: none; background-color: #fff; } .topbar.secondary ul li.menu.open a.menu { background-color: #fff; } .topbar.secondary ul li.menu.open a.menu { color: #232323; } .topbar.secondary ul li ul { top: 30px; background-color: #fff; } .topbar.secondary ul.secondary-nav li ul { right: auto; } .topbar ul li ul li a, .topbar ul li div a { text-shadow: 0 0 0; } .topbar ul li ul li a { margin: 3px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; color: #6c6c6c; } .topbar.secondary ul li ul li a { padding: 2px 8px; color: #555; } .topbar ul li.menu ul, .topbar ul li.menu div { background-color: #fefefe; float: left; display: none; position: absolute; top: 40px; margin-left: 0; margin-right: 0; padding: 5px 10px 10px 20px; text-align: center; border: 0; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.6); -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.6); box-shadow: 0 4px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.6); -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.6); box-shadow: 0 4px 5px rgba(0,0,0,0.6); min-width: 220px; max-width: 280px; _width: 180px; } .topbar ul li.menu ul { text-align: left; padding: 0; } .topbar.secondary ul li.menu ul, .topbar.secondary ul li.menu div { min-width: 100%; max-width: 100%; width: 100%; top: 32px; right: 10px; } .topbar ul li ul li a:hover, .topbar ul li ul li a:focus { background-color: rgba(43,151,170,0.81) !important; color: #fff; } .topbar ul li.menu div.wide { width: 300px; max-width: 300px; } .topbar ul li.menu div .first_column { clear: both; border-bottom: 1px dotted rgba(0,0,0,0.3); margin-bottom: 15px; padding-bottom: 8px; } .topbar ul li.menu div .last_column { clear: both; border-top: 1px dotted rgba(0,0,0,0.3); margin-top: 15px; padding-top: 8px; } .color_item.ph { color: #b652bb; } .color_item.ds { color: #3092d2; } .color_item.il { color: #ccaa39; } .color_item.fi { color: #7E4D4D; } .color_item.na { color: #5bc227; } .color_item.cr { color: #d05e59; } .color_item.ty { color: #c88354; } .color_item.fa { color: #ff3f9b; } .color_item.qu { color: #4fbeb8; } .color_item.cf { color: #764780; } .topbar ul li.menu div .column { width: 140px; margin: 0; } .topbar ul li.menu div .column li { float: none; } .topbar ul li.menu div .left { float: left; border-right: 1px dotted rgba(0,0,0,0.3); padding-right: 5px; } .topbar ul li.menu div .right { float: right; } .topbar ul li.menu.open div { display: block; } .topbar ul li ul li.divider { border: none; } .topbar .divider_h { border-left: 1px solid #040404; border-right: 1px solid #2F2F2F; height: 22px; display: inline-block; margin: 9px 1px 0 12px; float: left; } .topbar a.shuffle:after { background: url(/css/images/sprites.png) -26px -168px no-repeat; width: 16px; height: 16px; display: inline-block; content: ''; width: 16px; height: 16px; display: inline-block; content: ''; margin-left: 5px; margin-top: 1px; float: right; } .topbar a.add.button { display: inline-block; margin: 7px 10px auto 30px; background-color: rgba(59,113,135,0.47); color: #fff; font-size: 1em; padding: 3px 10px; } .topbar a.add.button b { display: inline; } .topbar ul li a.profile:hover span, .topbar ul li a.profile:focus span, .topbar ul li a.profile:hover small, .topbar ul li a.profile:focus small { color: #fff; text-shadow: 0 0 0; } .topbar ul li a.profile img.smallAvatar { width: 32px; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: baseline; } .topbar ul li a.profile span { display: inline-block; color: #444; font-weight: bold; margin: 0 5px; padding: 0; background: none; border: none; cursor: pointer; } .topbar ul li a.profile span small { color: #777; display: block; font-size: 0.9em; font-weight: normal; text-shadow: 0 1px 0 #fff; } .topbar .safeFilter:before { display: inline-block; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; width: 9px; height: 9px; content: ' '; margin-right: 7px; } .topbar .safeFilter.unsafe:before { background-color: #ff7097; } .topbar .safeFilter.safe:before { background-color: #83BE70; } .topbar.secondary ul.viewModes li ul li a { padding: 5px 0 5px 28px; } .topbar.secondary .viewModes li a span { display: inline-block; width: 7px; height: 1px; margin: 0 1px 0 3px; vertical-align: text-bottom; } #ribbon .viewModes { padding-top: 7px; } #ribbon .viewModes a { margin: 1px auto 10px; display: block; width: 16px; height: 15px; } #ribbon .viewModes a span { display: none; } .viewModes .gridView { background: url(/css/images/sprites.png) -8px -105px no-repeat; } .viewModes .waterflowView { background: url(/css/images/sprites.png) 0 -43px no-repeat; } .viewModes .discoveryView { background: url(/css/images/sprites.png) 0 -58px no-repeat; } .viewModes .slideshowView { background: url(/css/images/sprites.png) 0 -90px no-repeat; } .secondary .viewModes span.gridView, .secondary .viewModes span.waterflowView, .secondary .viewModes span.discoveryView, .secondary .viewModes span.slideshowView { background-position: left center; } .secondary .viewModes .gridView, .secondary .viewModes .waterflowView, .secondary .viewModes .discoveryView, .secondary .viewModes .slideshowView { background-position: 6px center; } #upgrade_hl { background-color: #FEFFD5; text-align: center; color: #333; } #upgrade_hl text-shadow: 0 1px 0 rgba(255, #upgrade_hl 255, #upgrade_hl 255, 0.58) #upgrade_hl:hover, #upgrade_hl:focus { background-color: rgba(170,153,43,0.81) !important; color: #fff; } .login.button { font-size: 1.1em; color: #fff; margin-left: 3em; padding-left: 1em; } .topbar ul li.menu.open a.menu.login.button { background-color: #31481B !important; } .login-account a { margin-bottom: 7px; font-size: 1em; color: #fff; padding: 8px 0 !important; } .login-account a.normal { color: #999; } .login-account a.normal:hover, .login-account a.normal:focus { background-color: #ddd !important; color: #888 !important; } .login-account span.icons { line-height: 0; padding: 0 2px; } #search { font-family: Arial, sans-serif; font-size: 12px; } #search label { display: none; } #search button { margin: 0; margin-left: -1px; padding: 0; width: 25px; height: 25px; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: 1px dotted #444; background-color: #747474; cursor: pointer; } #search button:before { background: url(/css/images/sprites.png) 0 -73px no-repeat; width: 16px; height: 16px; display: inline-block; content: ''; width: 16px; height: 16px; display: inline-block; content: ''; } #search button:hover, #search button:focus { background-color: #aaa !important; border-left: 1px dotted #555; } #search input { margin: 0; padding: 0; min-height: 15px; float: left; width: 12em; border: 0; font-size: 1em; background-color: #5e5e5e; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 5px 6px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-background-clip: padding-box; } .bio { font: italic 13px/18px Georgia, Times New Roman, serif; color: #777; } .main_badge { margin: 0 0 3.5em 0; padding: 0; width: 728px; background-color: #ededed; position: relative; } .main_badge.waterflow { margin: 0 auto 3.5em; } .main_badge.waterflow div.cover { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .main_badge .hover_button { display: block; margin: 0.5em; padding: 0.5em 1em; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; color: #ddd; font-weight: normal; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .main_badge .hover_button.cover { position: absolute; z-index: 3; } .main_badge .hover_button.profile { position: absolute; left: 3px; bottom: -45px; z-index: 2; } .main_badge div.cover { background-color: #fff; width: 100%; height: 200px; overflow: hidden; position: relative; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main_badge div.cover:hover .hover_button, .main_badge div.cover:focus .hover_button { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .main_badge img.badge { position: absolute; top: -100px; left: -10px; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index: 0; } .main_badge .overlay { -moz-opacity: 0.15; -khtml-opacity: 0.15; -webkit-opacity: 0.15; opacity: 0.15; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); filter: alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; -webkit-opacity: 0.15; opacity: 0.15; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); filter: alpha(opacity=15); z-index: 1; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVQImWNgYGD4j4YhBDLALwAAQREG+gaTyzAAAAAASUVORK5CYII="); *background: transparent; width: 100%; height: 100%; } .main_badge .color_overlay { z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; } .main_badge .darken { position: absolute; width: 100%; height: 55%; bottom: 0; background: transparent; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,transparent)); background: -ms-linear-gradient(bottom,#000,transparent); background: -moz-linear-gradient(center bottom,#000 0%,transparent 100%); background: -o-linear-gradient(transparent,#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#000000', GradientType=0); background: transparent; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,transparent)); background: -ms-linear-gradient(bottom,#000,transparent); background: -moz-linear-gradient(center bottom,#000 0%,transparent 100%); background: -o-linear-gradient(transparent,#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#000000', GradientType=0); } .main_badge .badge_name { display: block; margin-top: -75px; position: relative; } .main_badge .badge_name:hover .hover_button, .main_badge .badge_name:focus .hover_button { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .main_badge .badge_name h1 { display: inline-block; font-size: 3em; text-shadow: 0 1px 0px #000000; } .main_badge .badge_name h1 a { color: #fff; font-weight: 100; } .main_badge .badge_name .sites { display: inline-block; margin-left: 12px; position: relative; } .main_badge .badge_name .sites li { display: inline-block; margin-right: 2px; } .main_badge .badge_name .sites li a { width: 16px; height: 16px; display: block; background: rgba(0,0,0,0.5); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .main_badge .badge_name .sites li a:hover, .main_badge .badge_name .sites li a:focus { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .main_badge .badge_name .sites li a span { display: none; } .main_badge .badge_name .sites li a.site { background: url(/css/images/sprites.png) -60px -309px no-repeat; } .main_badge .badge_name .sites li a.facebook { background: url(/css/images/social/facebook_16.png); } .main_badge .badge_name .sites li a.twitter { background: url(/css/images/social/twitter_16.png); } .main_badge .badge_name .sites li a.tumblr { background: url(/css/images/social/tumblr_16.png); } .main_badge .badge_name .sites li a.add_social { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; display: block; font-weight: bold; padding: 0 0 1px; position: absolute; text-align: center; top: 0; } .main_badge .badge_name img.avatar { float: left; border: 3px solid rgba(255,255,255,0.84); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.9); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.9); box-shadow: 0 1px 5px rgba(0,0,0,0.9); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.9); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.9); box-shadow: 0 1px 5px rgba(0,0,0,0.9); margin: 20px 15px 0 15px; padding: 0; vertical-align: text-top; } .main_badge .badge_name a.button.followButton { min-width: 5em; text-align: center; text-transform: capitalize; float: right; font-size: 14px; margin: 1.2em 1em 0 0; padding: 0.35em 3em 0.4em; } .main_badge .badge_name a.button.followButton.follow { background-color: #369272; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); } .main_badge .badge_name a.button.followButton.follow:hover, .main_badge .badge_name a.button.followButton.follow:focus { background-color: #3da581 !important; } .main_badge .badge_name a.button.followButton.following { background-color: #75A468; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -2px 0 rgba(0,0,0,0.3) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 2px 4px rgba(0,0,0,0.2); } .main_badge .badge_name a.button.followButton.following:hover, .main_badge .badge_name a.button.followButton.following:focus { background-color: #B03535 !important; } .main_badge .badge_name a.button.followButton:active { top: 1px; position: relative; } .main_badge .badge_name div.subline { font-size: 1em; color: #eee; display: block; margin-top: -3px; margin-left: 100px; } .main_badge .badge_name div.subline span { margin-right: 15px; } .main_badge .badge_name div.subline .location { display: inline-block; overflow: hidden; width: 9em; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); max-height: 1.4em; } .main_badge .badge_name div.subline .location:before { background: url(/css/images/sprites.png) -83px -76px no-repeat; width: 16px; height: 16px; display: inline-block; content: ''; width: 16px; height: 16px; display: inline-block; content: ''; float: left; padding-right: 4px; } .main_badge .badge_name div.subline .bio { display: inline-block; width: 38em; font-size: 12px; white-space: nowrap; overflow: hidden; margin-right: 0; color: #999; } .main_badge .counters { margin-top: 1em; } .main_badge .counters ul { margin-left: 70px; } .main_badge .counters li { position: relative; display: inline-block; text-align: center; border-right: 1px solid #CDCDCD; font-size: 1.2em; margin-right: 1em; padding: 0 1em 0 0; } .main_badge .counters li.active:after { position: absolute; left: 40%; top: -27px; width: 0px; height: 0px; display: inline-block; content: '\2191'; text-indent: -99999px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; } .main_badge .counters li.last { margin-right: 0; padding-right: 0; border-right: none; } .main_badge .counters li a { width: 5em; font-weight: 100; color: #aaa; text-shadow: 0 2px 0 #fff; padding: 1em; display: inline-block; font-variant: small-caps; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .main_badge .counters li a:hover, .main_badge .counters li a:focus { background-color: #fff; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -4px 0 rgba(0,0,0,0.2) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -4px 0 rgba(0,0,0,0.2) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -4px 0 rgba(0,0,0,0.2) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -4px 0 rgba(0,0,0,0.2) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -4px 0 rgba(0,0,0,0.2) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -4px 0 rgba(0,0,0,0.2) inset, 0 0 10px rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.2); color: #888; } .main_badge .counters li a:active { position: relative; top: 2px; } .main_badge .counters li span { display: block; font-size: 2.2em; font-weight: bold; letter-spacing: -0.04em; line-height: 0.9; } .main_badge .counters li.pictures span { color: #AFCD47; } .main_badge .counters li.videos span { color: #82B4E8; } .main_badge .counters li.following span { color: #EEA155; } .main_badge .counters li.followers span { color: #E38383; } #ribbon { right: 0; width: 96px; height: 120px; position: absolute; overflow: hidden; z-index: 5; } #ribbon .inset { width: 88px; height: 22.8px; position: absolute; top: -20%; left: 2%; z-index: 5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background: rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); } #ribbon .inset.soft { -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); } #ribbon .contain { position: relative; width: 44px; height: 105.6px; overflow: hidden; margin: 0 auto; border-left: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; top: -48px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #ribbon .contain:hover, #ribbon .contain:focus { top: 0; } #ribbon .base { height: 78px; width: 44px; background: #888; background: -webkit-gradient(linear,left top,right top,color-stop(0,#888888),color-stop(1,#888)); background: -webkit-linear-gradient(left,#888888 0%,#888 100%); background: -ms-linear-gradient(left,#888888,#888); background: -o-linear-gradient(left,#888888 0%,#888 100%); background: -moz-linear-gradient(left,#888888 0%,#888 100%); background: linear-gradient(left,#888888 0%,#888 100%); background: #888; background: -webkit-gradient(linear,left top,right top,color-stop(0,#888888),color-stop(1,#888)); background: -webkit-linear-gradient(left,#888888 0%,#888 100%); background: -ms-linear-gradient(left,#888888,#888); background: -o-linear-gradient(left,#888888 0%,#888 100%); background: -moz-linear-gradient(left,#888888 0%,#888 100%); background: linear-gradient(left,#888888 0%,#888 100%); position: relative; z-index: 2; } #ribbon .left_corner { width: 40px; height: 40px; background: #888; position: absolute; bottom: 8px; left: -20px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #ribbon .right_corner { width: 40px; height: 40px; background: #888; position: absolute; bottom: 8px; right: -20px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .users > li { border-bottom: 1px solid #e8e8e8; min-height: 70px; position: relative; display: block; margin-bottom: 1em; } .users > li.last, .users > li:last-child { border: 0; } .users > li.hidden { display: none; } .users > li .user { float: left; width: 70%; margin-bottom: 2em; } .users > li .user h5 { color: #999; font-weight: normal; height: 2em; overflow: hidden; } .users > li .user img.avatar { position: absolute; left: 0; margin: 0; } .users > li .user .username { color: #333; display: inline-block; font-size: 1.3em !important; margin-left: 70px; margin-right: 5px; font-weight: bold; } .users > li .user .bio { margin: 0 350px 0 70px; width: 90%; clear: both; } .users > li .user .bio a { font-weight: normal; text-decoration: underline; color: #666; } .users > li .action { float: right; width: 150px; } .users > li .action .button { font-size: 1.1em; padding: 0.4em 1em; min-width: 5em; text-align: center; float: right; text-transform: capitalize; } .users > li .action .button.follow { background-color: #d3d3d3; color: #444; text-shadow: 0 -1px 0 #fff; } .users > li .action .button.follow:hover, .users > li .action .button.follow:focus { background-color: #53B46C !important; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.58) !important; } .users > li .action .button.following { background-color: #42AEF9; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.51); } .users > li .action .button.following:hover, .users > li .action .button.following:focus { background-color: #F74949 !important; text-shadow: 0 1px 0 rgba(0,0,0,0.58) !important; } .users > li .items { clear: both; display: block; margin-left: 70px; } .users > li .items li { display: inline-block; } #sidebar .users > li { font-size: 0.9em; } #sidebar .users > li:hover .items, #sidebar .users > li:focus .items { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); } #sidebar .users > li .user { width: auto; margin-top: 4px; margin-bottom: 1em; } #sidebar .users > li .action { width: auto; } #sidebar .users > li .action a { margin-top: 0; color: #2386b4; } #sidebar .users > li .action a:hover, #sidebar .users > li .action a:focus { text-decoration: underline; } #sidebar .users > li .items { margin-left: 0; -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); -webkit-transition: all opacity 600ms ease-out; -moz-transition: all opacity 600ms ease-out; -o-transition: all opacity 600ms ease-out; transition: all opacity 600ms ease-out; -webkit-transition: opacity 600ms; -moz-transition: opacity 600ms; -ms-transition: opacity 600ms; -o-transition: opacity 600ms; transition: opacity 600ms; -webkit-transition: all opacity 600ms ease-out; -moz-transition: all opacity 600ms ease-out; -o-transition: all opacity 600ms ease-out; transition: all opacity 600ms ease-out; -webkit-transition: opacity 600ms; -moz-transition: opacity 600ms; -ms-transition: opacity 600ms; -o-transition: opacity 600ms; transition: opacity 600ms; } #sidebar .users > li .items img { margin: 0; } .relatedusers li { margin-bottom: 1em; } .relatedusers li a { font-size: 1.2em; color: #999; font-weight: normal; } .relatedusers li a img { margin-right: 1em; } #intro { margin: .5em 2em 4.5em 5em; border-bottom: 1px dotted #ccc; padding: 2em 0em 2em 4em; } #intro h2, #introBox h3 { display: block; font-size: 2.6em; font-family: Tahoma, Geneva, Helvetica, Arial, sans-serif; color: #1a2011; line-height: 1.3em; font-size-adjust: none; letter-spacing: -0.002em; font-variant: normal; font-weight: bold; } #introBox h3 { font-size: 1.3em; text-transform: none; } #intro h2#third { margin-top: -0.25em; color: #8a858a; } #intro h2#fourth { float: right; background: none; color: #777; margin-right: 6em; margin-top: 0.5em; margin-bottom: 0.5em; font-size: 1.2em; } .bigButton { padding: 0.5em 2em; background-color: #FFB90F; } .bigButton:hover, .bigButton:focus { background-color: #FF9800; } #intro h2#fourth a { text-transform: none; margin-left: 0.3em; } #intro h2#fourth p { float: none; font-size: 0.7em; font-weight: 300; margin-left: -0.8em; } #introSmall { margin: 0 0 15px 0; background-color: #fff; border: 15px solid #ededed; height: 80px; width: 97.3%; } #introSmall.prependSmall { margin-left: 5em; } #introSmall h2 { display: block; font-size: 1.5em; font-family: Tahoma, Geneva, Helvetica, Arial, sans-serif; color: #797f70; line-height: 1.3em; font-size-adjust: none; letter-spacing: -0.001em; font-variant: normal; text-shadow: 0 -1px 0 #fff; } #introSmall h2 strong { color: #555; } #introSmall div.span-2 { padding-top: 0.9em; } #intro p { margin-top: 0.9em; float: left; font-size: 0.9em; } #tagBox { padding-top: 0.5em; padding-bottom: 0; margin-left: 2em; margin-top: -1.5em; margin-bottom: 4em; } #introBox { margin-top: 2.75em; margin-bottom: 4em; padding-top: 0.5em; padding-bottom: 0; } #introBox h3 { padding-left: 0; } #introBox p, #tagBox p { line-height: 1.2em; padding: 0; margin-bottom: 0; text-align: left; } #tagBox p { margin-top: 0.5em; } #introBox p a, #tagBox p a { display: block; margin-top: 0.9em; float: right; margin-bottom: 0.6em; font-size: 0.9em; font-weight: normal; } #secondIntro { margin: -4em 0em 4em; } #secondIntro h2 { font-size: 1.3em; font-weight: bold; color: #3A353A; } #secondIntro div { padding-top: 1.2em; } #secondIntro div.middle { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; padding-left: 2.5em; padding-right: 1.5em; } #secondIntro a { font-weight: 300; } #footer { width: 100%; min-width: 1092px; min-height: 375px; text-align: center; margin: 0; margin-top: 100px; padding: 2.2em 0 3em; background-color: #dedede; border-top: 1px solid #ccc; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #footer .footer_columns { max-width: 980px; margin: 0px auto 0; text-align: left; } #footer .ad { text-align: center; margin: 0 auto 20px; padding: 0; } #footer .footer_columns div.column { padding: 10px 0; width: 409px; margin: 0; } #footer .footer_columns div.column.right { float: right; } #footer .footer_columns div.column h5 { text-transform: uppercase; color: #333; font-size: 1.2em; font-weight: 200; } #footer .footer_columns div.column p { line-height: 1.6; } #footer .footer_columns div.column .tw { margin: 1.5em 0; } #footer .footer_columns div.column .g { margin: 1.5em 0; } #footer .footer_columns div.column form input { font-size: 1.1em; padding: 0.4em 0.6em; border: 1px solid #aaa; color: #999; -webkit-box-shadow: 0px 3px 2px #e5e5e5 inset; -moz-box-shadow: 0px 3px 2px #e5e5e5 inset; box-shadow: 0px 3px 2px #e5e5e5 inset; -webkit-box-shadow: 0px 3px 2px #e5e5e5 inset; -moz-box-shadow: 0px 3px 2px #e5e5e5 inset; box-shadow: 0px 3px 2px #e5e5e5 inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #footer .footer_columns div.column form button { font-size: 1em; margin-top: 0; } #footer ul.toolbar { padding-top: 1.5em; border-top: 1px dotted #999; margin: 0.1em auto 1.75em; max-width: 980px; text-align: left; list-style-type: none; text-transform: lowercase; } #footer ul.toolbar li { line-height: 1em; display: inline; } #footer ul.toolbar a { font-size: 1em; font-weight: normal; padding-right: 0.6em; margin-right: 0.6em; border-right: 1px solid #999; margin-top: 0.2em; line-height: 0.9em; color: #5C8CBF; } #footer ul.toolbar li.last a { border-right: 0; } #footer ul.toolbar a:hover { text-decoration: underline; } #footer p { margin: 0 auto 1em; text-align: left; color: #777; line-height: 1.8; display: inline-block; } #footer p a { color: #888; } #pics-total { float: right; line-height: 1.4; text-align: right; width: 230px; font-size: 1em; color: #777; font-weight: 200; margin: -2.5em 2em 0 0; padding: 20px 4.5em 20px 0; position: relative; } #pics-total strong { display: block; font-size: 2.1em; font-weight: bold; line-height: 1.2; color: #085060; text-shadow: 0 2px 2px rgba(255,255,255,0.67); } p#mascot { background: transparent url('images/sprites/mascot_low.png') right center no-repeat; width: 39px; height: 106px; display: block; margin: 0; position: absolute; top: -5px; right: 0; -webkit-animation: jump 3s infinite; -moz-animation: jump 3s infinite; -ms-animation: jump 3s infinite; -o-animation: jump 3s infinite; animation: jump 3s infinite; } span.shadow { width: 30px; height: 4px; background: rgba(0,0,0,0.15); position: absolute; bottom: -5px; right: 4px; z-index: 3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-animation: shrink 3s infinite; -moz-animation: shrink 3s infinite; -ms-animation: shrink 3s infinite; -o-animation: shrink 3s infinite; animation: shrink 3s infinite; } @-webkit-keyframes jump { 0% { margin-top: 0; -webkit-animation-timing-function: ease-in; } 50% { margin-top: 5px; -webkit-animation-timing-function: ease-out; } 100% { margin-top: 0px; -webkit-animation-timing-function: ease-in; } } @-webkit-keyframes shrink { 0% { width: 22px; right: 8px; -webkit-animation-timing-function: ease-in; } 50% { width: 30px; right: 4px; -webkit-animation-timing-function: ease-out; } 100% { width: 22px; right: 8px; -webkit-animation-timing-function: ease-in; } } @-moz-keyframes jump { 0% { margin-top: 0px; -moz-animation-timing-function: ease-in; } 50% { margin-top: 5px; -moz-animation-timing-function: ease-out; } 100% { margin-top: 0px; -moz-animation-timing-function: ease-in; } } @-moz-keyframes shrink { 0% { width: 22px; right: 8px; -moz-animation-timing-function: ease-in; } 50% { width: 30px; right: 4px; -moz-animation-timing-function: ease-out; } 100% { width: 22px; right: 8px; -moz-animation-timing-function: ease-in; } } @-ms-keyframes jump { 0% { margin-top: 0; -ms-animation-timing-function: ease-in; } 50% { margin-top: 5px; -ms-animation-timing-function: ease-out; } 100% { margin-top: 0; -ms-animation-timing-function: ease-in; } } @-ms-keyframes shrink { 0% { width: 22px; right: 8px; -ms-animation-timing-function: ease-in; } 50% { width: 30px; right: 4px; -ms-animation-timing-function: ease-out; } 100% { width: 22px; right: 8px; -ms-animation-timing-function: ease-in; } } @-o-keyframes jump { 0% { margin-top: 0px; -o-animation-timing-function: ease-in; } 50% { margin-top: 5px; -o-animation-timing-function: ease-out; } 100% { margin-top: 0px; -o-animation-timing-function: ease-in; } } @-o-keyframes shrink { 0% { width: 22px; right: 8px; -o-animation-timing-function: ease-in; } 50% { width: 30px; right: 4px; -o-animation-timing-function: ease-out; } 100% { width: 22px; right: 8px; -o-animation-timing-function: ease-in; } } @keyframes jump { 0% { margin-top: 0; animation-timing-function: ease-in; } 50% { margin-top: 5px; animation-timing-function: ease-out; } 100% { margin-top: 0; animation-timing-function: ease-in; } } @keyframes shrink { 0% { width: 22px; right: 8px; animation-timing-function: ease-in; } 50% { width: 30px; right: 4px; animation-timing-function: ease-out; } 100% { width: 22px; right: 8px; animation-timing-function: ease-in; } } #footer p.small { font-size: 0.9em; color: #aaa; } #footer p.small a { color: #898989; } #footer p.small a:hover, #footer p.small a:focus { text-decoration: underline; } ul.internal_sections { width: 996px; margin: 40px auto 20px; } ul.internal_sections a { float: left; display: block; width: 320px; height: 150px; border: 1px solid #bbb; background-color: #fff; margin-right: 15px; } ul.internal_sections a.last { margin-right: 0; } ul.internal_sections a.apps { background-image: url(/css/images/apps.png); } ul.internal_sections a.store { background-image: url(/css/images/store.png); } ul.internal_sections a.academy { background-image: url(/css/images/academy.png); } ul.internal_sections a span { display: none; } ul.internal_sections a:hover, ul.internal_sections a:focus { -moz-opacity: 0.85; -khtml-opacity: 0.85; -webkit-opacity: 0.85; opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -webkit-opacity: 0.85; opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); filter: alpha(opacity=85); } ul.internal_sections span.soon { background: none repeat scroll 0 0 rgba(255,255,255,0.83); color: rgba(186,133,43,0.82); display: block; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 5em; font-weight: 100; height: 150px; letter-spacing: -1px; line-height: 2.35; margin-left: 338px; margin-top: 1px; position: absolute; text-align: center; vertical-align: text-bottom; width: 320px; cursor: default; } p.message#bulkMessage { padding: 0.4em; text-align: left; font-weight: normal; padding-left: 1em; border-width: 2px 0 1px 0; text-shadow: none; background-color: #F4D22D; } p.message#bulkMessage a { text-decoration: underline; font-weight: normal; margin: 0 0.05em; } div.overlayMessage { padding: 0.5em 1em; font-size: 2em; text-align: center; position: fixed; top: 45%; left: 46%; background-color: black; color: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-opacity: 0.75; -khtml-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); filter: alpha(opacity=75); } div.overlayMessage.waterflow { background-image: url("images/indicator.black.gif"); background-position: 1.4em center; background-repeat: no-repeat; top: 90%; font-size: 1.4em; padding: 0.8em 2.5em 0.8em 3em; } #mainContent.waterflow { width: 100%; padding: 16px 13px; } #mainContent.viewwide { width: 728px; } #mainContent { width: 728px; } body.clean h1.alone { font-size: 2.5em; line-height: 1em; margin-top: 0.5em; letter-spacing: -0.03em; } body.clean h2.alone { color: #767676; font-size: 1.5em; margin-bottom: 2em; margin-top: 0; text-align: center; } div.header h1 { position: relative; font-size: 1.5em; font-weight: 300; color: #666; text-shadow: 1px 1px #fff; border-bottom: 1px solid #d0d0d0; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.64); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.64); box-shadow: 0 1px 0 rgba(255,255,255,0.64); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.64); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.64); box-shadow: 0 1px 0 rgba(255,255,255,0.64); } div.header h2 { position: relative; font-size: 1.5em; font-weight: 300; color: #666; text-shadow: 1px 1px #fff; border-bottom: 1px solid #d0d0d0; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.64); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.64); box-shadow: 0 1px 0 rgba(255,255,255,0.64); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.64); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.64); box-shadow: 0 1px 0 rgba(255,255,255,0.64); } div.header h2.alone { font-size: 2.5em; margin-bottom: 0.4em; letter-spacing: -0.03em; } div.header h2 .smallLink { font-size: 0.65em; margin-left: 1em; font-weight: normal; color: #2386b4; } #mainContent h3 .smallLink, #mainContent h4 .smallLink { font-size: 0.8em; margin-left: 1em; font-weight: bold; } #mainContent .header { margin: 1em 0; display: inline-block; width: 100%; } #mainContent .textOnly .header { margin: 1em 0 2em; } .roundLeft { -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -webkit-border-bottom-left-radius: 5px !important; -webkit-border-top-left-radius: 5px !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; -moz-border-radius-bottomleft: 5px !important; -moz-border-radius-topleft: 5px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -webkit-border-bottom-left-radius: 5px !important; -webkit-border-top-left-radius: 5px !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; -moz-border-radius-bottomleft: 5px !important; -moz-border-radius-topleft: 5px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .roundRight { margin-right: 3px; border-right-width: 1px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #mainContent p { font-size: 1.1em; } #mainContent table { border: 0; } #mainContent th, #mainContent td { border: 0; } #mainContent th { margin-left: 0; padding-left: 0; } .tabMenu { list-style-type: none; margin: 0; padding: 0; width: 100%; border-bottom: 4px solid #e5e5e6; height: auto; display: block; } #mainContent .tabMenu { margin-top: 1.2em; margin-bottom: 1.5em; padding-left: 1.5em; } .tabMenu li { float: left; display: block; margin-right: 1em; } .tabMenu li a { padding: 0.15em 0.75em; font-weight: normal; text-decoration: underline; background-color: #e5e5e6; border: 1px solid #e5e5e6; display: block; } .tabMenu li.active { margin-top: -0.35em; margin-bottom: -1.5em; position: relative; } .tabMenu li.active a { background-color: #FFF; border-bottom: 0px solid #0ff; padding-top: 0.35em; padding-bottom: 0.5em; font-weight: bold; font-size: 1.1em; text-decoration: none; color: #838383; cursor: default; } #mainContent .bookmarks { list-style-type: none; margin: 1em 0 0; padding: 0; color: #636d6d; } #sidebar .bookmarks { margin-left: 0; } .bookmarks li.xfolkentry { margin: 0 11px 35px 0; padding: 8px 8px 0; background-color: #fff; border: 1px solid #DDDDDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(207,207,207,0.37); -moz-box-shadow: 0 1px 2px rgba(207,207,207,0.37); box-shadow: 0 1px 2px rgba(207,207,207,0.37); -webkit-box-shadow: 0 1px 2px rgba(207,207,207,0.37); -moz-box-shadow: 0 1px 2px rgba(207,207,207,0.37); box-shadow: 0 1px 2px rgba(207,207,207,0.37); cursor: default; width: 215px; vertical-align: top; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: top; } .bookmarks li.xfolkentry.waterflow { width: auto; } #mainContent .bookmarks.column { display: block; float: left; margin-right: 10px; width: 338px; } #mainContent .bookmarks.column#col0 { clear: both; } #mainContent .bookmarks.column#col2 { margin-right: 0; } .bookmarks.column li.xfolkentry { float: left; position: relative; margin: 0 0 4px; } .bookmarks li.xfolkentry.third { margin-right: 0px; } .bookmarks li.xfolkentry.private { background-color: #FFF0F0; } .bookmarks li.xfolkentry.shared { border-bottom: 5px solid #AAEEff; } .bookmarks li.xfolkentry.selected { background-color: #DDDFD9; border-color: #9a9; } .bookmarks li.xfolkentry ul { list-style-type: none; margin: 0; } .bookmarks li.xfolkentry div.title:after, .bookmarks li.xfolkentry li.description:after, .bookmarks li.xfolkentry li.tags:after { content: "."; visibility: hidden; } .bookmarks li.xfolkentry div.title { overflow: hidden; position: absolute; line-height: 2.5em; bottom: -30px; background-color: rgba(0,0,0,0.7); padding-left: 5px; width: 210px; height: 2.5em; position: absolute; cursor: default; -webkit-transition: all bottom 300ms ease 0s ease-out; -moz-transition: all bottom 300ms ease 0s ease-out; -o-transition: all bottom 300ms ease 0s ease-out; transition: all bottom 300ms ease 0s ease-out; -webkit-transition: bottom 300ms ease 0s; -moz-transition: bottom 300ms ease 0s; -ms-transition: bottom 300ms ease 0s; -o-transition: bottom 300ms ease 0s; transition: bottom 300ms ease 0s; -webkit-transition: all bottom 300ms ease 0s ease-out; -moz-transition: all bottom 300ms ease 0s ease-out; -o-transition: all bottom 300ms ease 0s ease-out; transition: all bottom 300ms ease 0s ease-out; -webkit-transition: bottom 300ms ease 0s; -moz-transition: bottom 300ms ease 0s; -ms-transition: bottom 300ms ease 0s; -o-transition: bottom 300ms ease 0s; transition: bottom 300ms ease 0s; } .bookmarks li.xfolkentry.waterflow div.title { width: 320px; } .bookmarks li.xfolkentry div.title span { color: #fff; font-weight: normal; text-shadow: 1px 1px 0px #000; } .bookmarks li.xfolkentry:hover div.title { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition-delay: ; -moz-transition-delay: ; -ms-transition-delay: ; -o-transition-delay: ; transition-delay: ; -webkit-transition-delay: ; -moz-transition-delay: ; -ms-transition-delay: ; -o-transition-delay: ; transition-delay: ; bottom: 0; } .bookmarks li.xfolkentry.waterflow:hover div.title { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; bottom: 0; } span.flagDiamond { color: #FFA4A4; font-size: 1.5em; line-height: 0.8em; } .bookmarks li.xfolkentry li.description { margin-right: 9px; overflow: hidden; } .bookmarks li.xfolkentry li.operations { position: absolute; float: left; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: all opacity 300ms ease 0s ease-out; -moz-transition: all opacity 300ms ease 0s ease-out; -o-transition: all opacity 300ms ease 0s ease-out; transition: all opacity 300ms ease 0s ease-out; -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -ms-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; -webkit-transition: all opacity 300ms ease 0s ease-out; -moz-transition: all opacity 300ms ease 0s ease-out; -o-transition: all opacity 300ms ease 0s ease-out; transition: all opacity 300ms ease 0s ease-out; -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -ms-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; margin-bottom: -21px; padding-top: 5px; padding-left: 5px; z-index: 5; clear: both; } li.xfolkentry:hover li.operations { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition-delay: ; -moz-transition-delay: ; -ms-transition-delay: ; -o-transition-delay: ; transition-delay: ; -webkit-transition-delay: ; -moz-transition-delay: ; -ms-transition-delay: ; -o-transition-delay: ; transition-delay: ; } li.xfolkentry.waterflow:hover li.operations { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .bookmarks li.xfolkentry li.operations a { background-color: #fff; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter: alpha(opacity=60); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; white-space: nowrap; width: 0; padding: 7px 0 7px 33px; margin: 3px; background-repeat: no-repeat; display: block; overflow: hidden; text-transform: uppercase; text-align: center; -webkit-transition: all width 300ms ease-out 100ms ease-out; -moz-transition: all width 300ms ease-out 100ms ease-out; -o-transition: all width 300ms ease-out 100ms ease-out; transition: all width 300ms ease-out 100ms ease-out; -webkit-transition: width 300ms ease-out 100ms; -moz-transition: width 300ms ease-out 100ms; -ms-transition: width 300ms ease-out 100ms; -o-transition: width 300ms ease-out 100ms; transition: width 300ms ease-out 100ms; -webkit-transition: all width 300ms ease-out 100ms ease-out; -moz-transition: all width 300ms ease-out 100ms ease-out; -o-transition: all width 300ms ease-out 100ms ease-out; transition: all width 300ms ease-out 100ms ease-out; -webkit-transition: width 300ms ease-out 100ms; -moz-transition: width 300ms ease-out 100ms; -ms-transition: width 300ms ease-out 100ms; -o-transition: width 300ms ease-out 100ms; transition: width 300ms ease-out 100ms; } .bookmarks li.xfolkentry li.operations a:hover, li.operations:focus { width: 5em; opacity: 1; } li.operations a { position: relative; } li.operations a:before { width: 25px; height: 25px; display: inline-block; content: ''; width: 25px; height: 25px; display: inline-block; content: ''; position: absolute; top: 4px; left: 4px; background: url(/css/images/sprites.png) 0 0 no-repeat; -webkit-transition: all all 300ms ease-out 100ms ease-out; -moz-transition: all all 300ms ease-out 100ms ease-out; -o-transition: all all 300ms ease-out 100ms ease-out; transition: all all 300ms ease-out 100ms ease-out; -webkit-transition: all 300ms ease-out 100ms; -moz-transition: all 300ms ease-out 100ms; -ms-transition: all 300ms ease-out 100ms; -o-transition: all 300ms ease-out 100ms; transition: all 300ms ease-out 100ms; -webkit-transition: all all 300ms ease-out 100ms ease-out; -moz-transition: all all 300ms ease-out 100ms ease-out; -o-transition: all all 300ms ease-out 100ms ease-out; transition: all all 300ms ease-out 100ms ease-out; -webkit-transition: all 300ms ease-out 100ms; -moz-transition: all 300ms ease-out 100ms; -ms-transition: all 300ms ease-out 100ms; -o-transition: all 300ms ease-out 100ms; transition: all 300ms ease-out 100ms; } li.operations a.like { color: #EC032F; } li.operations a.like:before { background-position: -83px -169px; } li.operations a.like:hover:before, li.operations a.like:focus:before { background-position: -83px -219px; } li.operations a.thickbox { color: #95C100; } li.operations a.thickbox:before { background-position: 0px -346px; } li.operations a.thickbox:hover:before, li.operations a.thickbox:focus:before { background-position: 0px -396px; } li.operations a.flag, li.operations a.moderate { color: #F98413; } li.operations a.flag:before, li.operations a.moderate:before { background-position: -83px 0px; } li.operations a.flag:hover:before, li.operations a.flag:focus:before, li.operations a.moderate:hover:before, li.operations a.moderate:focus:before { background-position: -83px -50px; } li.operations a.edit { color: #E4DB04; } li.operations a.edit:before { background-position: -17px -26px; } li.operations a.edit:hover:before, li.operations a.edit:focus:before { background-position: -17px -76px; } li.operations a.delete { color: #54BCAB; } li.operations a.delete:before { background-position: -83px -319px; } li.operations a.delete:hover:before, li.operations a.delete:focus:before { background-position: -83px -369px; } div.fullImage .operations a:before { width: 25px; height: 25px; display: inline-block; content: ''; width: 25px; height: 25px; display: inline-block; content: ''; position: absolute; top: 4px; left: 8px; -webkit-transition: all none ease-out; -moz-transition: all none ease-out; -o-transition: all none ease-out; transition: all none ease-out; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-transition: all none ease-out; -moz-transition: all none ease-out; -o-transition: all none ease-out; transition: all none ease-out; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } div.fullImage .operations a.like { background-position: 9px -946px; } div.fullImage .operations a.like:hover, div.fullImage .operations a.like:focus { background-position: 9px -996px; } div.fullImage .operations a.edit { color: #cAc9cc; background-position: 9px -771px; } div.fullImage .operations a.edit:hover, div.fullImage .operations a.edit:focus { background-position: 9px -821px; color: #bAb9bb; } div.fullImage .operations a.delete { color: #FE838F; background-color: #FFEEF0; } div.fullImage .operations a.delete:hover, div.fullImage .operations a.delete:focus { color: #54BCAB; } div.fullImage .operations a.delete:before { background-position: -83px -269px; } div.fullImage .operations a.delete:hover:before, div.fullImage .operations a.delete:focus:before { background-position: -83px -369px; } div.fullImage .operations a.comments:before { background-position: -83px -93px; } div.fullImage .operations a.comments:hover:before, div.fullImage .operations a.comments:focus:before { background-position: -83px -143px; } .bookmarks li.xfolkentry li.confirm { background-color: white; position: absolute; width: 215px; line-height: 2.3em; z-index: 6; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); } ul#shareLinks { background-color: white; position: absolute; width: 500px; height: 1.9em; z-index: 6; } li.operations a.share { background-position: 0 -1008px; } li.operations a.facebook { background-position: 0 -777px; } li.operations a.stumbleupon { background-position: 0 -823px; } li.operations a.digg { background-position: 0 -361px; } .bookmarks li.xfolkentry li.image { margin-bottom: 7px; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } li.xfolkentry li.image a { font-weight: normal; color: #ddd; display: block; line-height: 0; } li.xfolkentry.waterflow li.image a { display: block; margin: 0; padding: 0; } li.xfolkentry li.image img { margin: 0; padding: 0; width: 215px; height: 184px; } li.xfolkentry li.image .unsafeFilter { position: absolute; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGBIY8ACSBAEADQQAZmaik8vAAAAAElFTkSuQmCC") repeat #fff; *background: #fff; width: 210px; height: 100%; padding-right: 5px; padding-top: 15px; color: #fff; font-size: 2.25em; font-weight: bold; text-align: right; text-shadow: 1px 1px 0 #ababab; text-transform: lowercase; } li.xfolkentry li.waterflow .unsafeFilter { width: 315px; } li.xfolkentry li.image span.playhover { background: url(/css/images/playhover.png) no-repeat scroll 50% 50% transparent; cursor: pointer; height: 100%; width: 100%; left: 0; top: 0; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); position: absolute; z-index: 0; } li.xfolkentry li.waterflow img { width: 320px; height: auto; } #sidebar .bookmarks li.xfolkentry li.image { margin-bottom: 0.75em; } .bookmarks li.xfolkentry li.title h4 { font-size: 1em; display: inline; } .bookmarks li.xfolkentry li.description, .bookmarks li.xfolkentry li.popularity, .bookmarks li.xfolkentry li.byline h2 { font-size: 0.9em; } .bookmarks li.xfolkentry li.description span.private, .bookmarks li.xfolkentry li.popularity span.private, .bookmarks li.xfolkentry li.byline h2 span.private { background: url(/css/images/sprites.png) -26px -119px no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: bottom; } .bookmarks li.xfolkentry li.popularity, .bookmarks li.xfolkentry li.byline h2 { color: #aaa; } .bookmarks li.xfolkentry li.popularity { color: #aaa; text-align: right; margin: 0 4px 5px 10px; } .bookmarks li.xfolkentry li.popularity span { padding: 0 5px 4px 14px; color: #aaa; position: relative; } .bookmarks li.xfolkentry li.popularity span:before { width: 16px; height: 16px; display: inline-block; content: ''; width: 16px; height: 16px; display: inline-block; content: ''; position: absolute; left: 0; top: 1px; } .bookmarks li.xfolkentry li.popularity span.favorites:before { background: url(/css/images/sprites.png) -43px -142px no-repeat; } .bookmarks li.xfolkentry li.popularity span.comments:before { background: url(/css/images/sprites.png) -43px -179px no-repeat; } .bookmarks li.xfolkentry li.byline h2 { font-weight: bold; } .bookmarks li.xfolkentry.waterflow li.byline h2 { font-weight: normal; } .bookmarks li.xfolkentry li.byline { margin-left: 4px; margin-bottom: 4px; } .bookmarks li.xfolkentry.private li.byline { margin-left: 0; } .bookmarks li.xfolkentry li.byline a { color: #7290A0; text-shadow: 1px 1px 0 #fff; } .bookmarks li.xfolkentry.waterflow li.byline h2 a { font-weight: normal; } .bookmarks li.xfolkentry li.byline a:hover, .bookmarks li.xfolkentry li.byline a:focus { color: #707070; } .bookmarks li.xfolkentry li.tags { margin-top: 0.7em; } .bookmarks li.xfolkentry li.tags p { margin: 0; } .bookmarks li.xfolkentry li.tags, #TB_caption li.tags { padding-left: 0.5em; font-size: 0.85em; font-family: Helvetica, sans-serif; } .bookmarks li.xfolkentry li.tags a { margin: 0 0.1em; color: #a8a8a8; background-color: #ededed; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0.2em 0.4em; white-space: nowrap; line-height: 2em; } .bookmarks li.xfolkentry li.tags a:hover, .bookmarks li.xfolkentry li.tags a:focus, #TB_caption li.tags a:hover, #TB_caption li.tags a:focus { background-color: #2aa4dd; color: white; } .bookmarks li.xfolkentry li.popularity a, .bookmarks li.xfolkentry li.tags a { font-weight: normal; } .pages { text-align: left; margin-top: 40px; color: #999; } .paginator { margin-left: auto; margin-right: auto; margin-bottom: 20px; line-height: 2.5em; text-align: center; } .paginator a, .paginator .break, .paginator .this-page { padding: 8px 12px; background: #d0d0d0; font-weight: bold; color: #5a5a5a; text-shadow: 0 1px 0 rgba(255,255,255,0.75); font-size: 1.1em; margin-right: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .paginator .nextprev { display: block; clear: both; width: 100%; margin-bottom: 45px; } .paginator div.next_container, .paginator div.prev_container { width: 48%; float: left; } .paginator div.next_container { margin-left: 20px; float: right; } .paginator .atstart, .paginator .atend, .paginator .next, .paginator .prev { display: block; margin: 0; } .paginator .atstart, .paginator .atend { background-color: #eaeaea; border: 2px dashed #d0d0d0; padding: 6px 0; cursor: default; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .paginator .this-page, .paginator .break { padding: 8px 12px; background-color: #dfdfdf; color: #999; font-weight: bold; cursor: default; } .paginator .this-page { border: 2px solid rgba(0,0,0,0.1); padding: 6px 10px; } .paginator a:hover { background: #dadada; } span.delimiter { display: block; border-top: 1px dotted #999; border-bottom: 1px dotted #fff; height: 1px; width: 100%; z-index: 0; margin: 40px 0 -18px; } .pages .numbers { display: inline; background: #ededed; z-index: 1; padding: 0 10px; } .pages div.results { text-align: left; text-shadow: 0 1px 0 #fff; margin-top: 20px; display: inline; } div.shortcuts { display: inline; margin-left: 5em; } .shortcuts { margin-left: 1.5em; } #mainContent .shortcuts strong { color: #999; } .pages .jump { margin-left: 0.6em; } .pages form { display: inline; } .pages form input#page { width: 2em; padding: 0.2em 0.4em; margin-left: 0.2em; border-color: #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .pages.nextSet { clear: both; width: 80%; text-align: center; margin: 0 auto; padding: 4em 2em; } .nextSet a.button { background-color: #9a999a; font-size: 1.6em; padding: 0.6em 3em; } .indexPages { text-align: right; margin: 1.5em 5px 5em 0; } .indexPages .btn, .nextSet .btn { padding: 1.2em 4em; border: none; background: #d0d0d0; color: #5a5a5a; font-size: 1em; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .indexPages .btn:hover, .nextSet .btn:hover { background: #dadada; } p.tagCloud { text-align: left; margin-bottom: 0; } p.tagCloud a { margin-left: 0.5em; } .bookmarks li.xfolkentry li.tags p.tagCloud { margin-right: 9px; } #sidebar ul.tags a { white-space: nowrap; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 200; } #sidebar ul.tags { font-size: 1.2em; line-height: 1.2em; } #sidebar ul.tags li a { position: relative; } #sidebar ul.tags li a:hover, #sidebar ul.tags li a:focus { color: #777 !important; } #sidebar ul.tags li span { font-size: 0.7em; color: #b9b9b9; font-weight: normal; clear: left; float: left; margin-right: 0.8em; margin-left: 0; text-align: right; width: 30px; } #sidebar div a.smallLink { display: block; margin-bottom: 1.4em; margin-top: -0.6em; margin-left: 1.2em; } #popularTagsDiv h3 { display: inline; } #suggestionsBox p:after { content: "."; visibility: hidden; } #popularTagsDiv p.help, #suggestionsBox p.help, #userSuggestionsBox p.help { color: #9d8e8e; font-weight: normal; } #mainContent h2.view, #mainContent h2.editable { text-transform: none; font-size: 1.5em; cursor: default; } #mainContent h2.view { position: absolute; overflow: hidden; height: 1.5em; } #mainContent h2.editable { position: relative; margin-bottom: -2em; height: auto; overflow: show; } #mainContent .edit_area { cursor: default; } .editable form, .edit_area form { background-color: white; } .editable button, .edit_area button { margin-right: 0.4em; } h2.editable button { font-size: 0.7em; } h2.editable form input:first-child, .h2Editable { background-color: #ffffd3; border: 1px solid #AAA; font-family: Arial, sans-serif; font-size: 1em; padding: 0.2em 0.3em; } #mainContent .edit_area form textarea { background-color: #ffffd3; border: 1px solid #AAA; font-family: Arial, sans-serif; font-size: 1em; padding: 0.2em 0.3em; width: 400px; display: block; } .editableHover { background-color: #ffffa1; color: #777; } p#bDescription { width: 100%; margin: 3em 0; } #mainContent p.copyright { margin: 0.1em 0 1.5em 2px; font-size: 0.9em; color: #BEACAC; text-align: center; } .copyright strong { font-weight: normal; color: #333; } .copyright a { color: #9d8e8e; text-decoration: underline; } form#editProfile img.avatar, form#editApp img.avatar { float: left; display: block; margin-right: 0.8em; } form#editProfile .column, form#editApp .column { font-family: arial; color: #777; } form#editProfile .upload_button, form#editApp .upload_button { position: relative; } form#editProfile .upload_button .button, form#editProfile .upload_button button, form#editApp .upload_button .button, form#editApp .upload_button button { font-size: 1em; background-color: #888; margin-top: 0; } form#editProfile .upload_button input#upload, form#editApp .upload_button input#upload { cursor: pointer; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 25px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); } form#editProfile .avatarRow, form#editApp .avatarRow { vertical-align: top; padding-top: 2em; } form#editProfile #descRow, form#editApp #descRow { vertical-align: top; } form#editProfile textarea, form#editApp textarea { width: 20em; height: 4.25em; } form#editProfile th, form#editProfile td, form#editApp th, form#editApp td { padding-bottom: 1em; } #tagTable tr { background-color: #efefef; } #tagTable td { border-bottom: 1px solid #cfcfcf; } #tagTable th { text-align: left; border: 1px solid #fff; padding-left: 0.5em; width: 12em; } #tagTable { border-collapse: collapse; color: black; font-size: 1.1em; } tr.socialaccount td { vertical-align: middle; } tr.socialaccount a.findfr { text-decoration: underline; font-weight: normal; font-size: 1.1em; margin-left: 1.7em; line-height: 1.5; } #sidebar { display: block; float: left; position: relative; width: 300px; margin: 0; margin-right: 20px; } #sidebar .box { background-color: transparent; margin-bottom: 16px; padding: 10px 10px 15px; text-shadow: 0 1px 0 #fff; } #sidebar .box.white { background-color: #fff; } #sidebar.rightAlign .box { background-color: #fff; } #sidebar .actions a { font-weight: normal; color: #2386b4; } #sidebar .actions a:hover, #sidebar .actions a:focus { text-decoration: underline; } #sidebar.borderLeft { border-left: 1px solid #ddd; margin-left: 4px; margin-right: -9px; padding-left: 9px; padding-bottom: 2em; } #sidebar h2, #sidebar h3, #sidebar h4 { font-size: 1.2em; font-weight: 300; display: inline-block; color: #333; margin-bottom: 15px; width: 100%; } .commentsArea h3, #sidebar h2, #sidebar h3, #sidebar h4 { border-bottom: 1px solid #d0d0d0; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.64); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.64); box-shadow: 0 1px 0 rgba(255,255,255,0.64); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.64); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.64); box-shadow: 0 1px 0 rgba(255,255,255,0.64); } .dropdown { cursor: pointer; } h3.dropdown { display: inline; } h3.dropdown.hover { color: #656569; } .bulletDown span, .bulletUp span { display: none; } .bulletDown:after, .bulletLeft:after, .bulletUp:after, .bulletRight:after { width: 0; height: 0; width: 0; display: inline-block; text-indent: -9999px; overflow: hidden; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); margin-top: 8px; margin-left: 4px; } .bulletLeft:after { content: '\2192'; border-right: 4px solid #000; border-bottom: 4px solid transparent; border-top: 4px solid transparent; } #sidebar .bulletLeft:after { margin: 12px 0 0 8px; } .bulletRight:after { content: '\2194'; border-left: 4px solid #000; border-bottom: 4px solid transparent; border-top: 4px solid transparent; } .bulletDown:after { content: '\2193'; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; margin-bottom: 3px; } .bulletUp:after { content: '\2191'; border-bottom: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-bottom: 3px; } #sidebar .box ul { margin-left: 9px; margin-top: -0.5em; padding: 0; } #sidebar ul, #sidebar ol { list-style-type: none; } #sidebar .feed { display: block; margin-bottom: 0.2em; font-size: 0.9em; font-weight: normal; color: #777; text-shadow: 0 1px 0 #fff; margin-top: 15em; } #sidebar .feed:before { width: 16px; height: 16px; display: inline-block; content: ''; width: 16px; height: 16px; display: inline-block; content: ''; background: url(/css/images/sprites.png) -26px -202px no-repeat; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); float: left; margin-right: 5px; } #sidebar #popularStatic { clear: both; } #sidebar #popularStatic li a { font-size: 1.3em; } #sidebar #popularStatic li p a { display: inline; margin: 0; font-size: 1em; color: #79aec7; } #sidebar #popularStatic li p { font-size: 0.95em; margin: 0; margin-top: -0.3em; margin-bottom: 0.3em; font-weight: bold; color: #9d8e8e; text-align: left; } .adsbox { margin-bottom: 16px; } #sidebar .ads { margin: 4.5em 15px 2.5em 0; z-index: 100; padding: 5px 10px 10px; border: 1px solid #D5D9E3; text-align: center; background: #E9EEEE; background-image: -moz-linear-gradient(top,#E9EEEE,#FBF9F9); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9EEEE),color-stop(1,#FBF9F9)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #sidebar.rightAlign .ads { text-align: left; padding-left: 15px; margin-top: 2.75em; } #sidebar .ads.fixed_ad { margin-top: 1em; } #sidebar .ads h3, #sidebar.rightAlign .ads h3 { font-size: 0.9em; text-transform: uppercase; color: #5B5858; text-shadow: 1px 1px #fff; } #sidebar .ads h3 a, #sidebar.rightAlign .ads h3 a { font-weight: normal; color: #8E8989; } #sidebar .ads h3 a:hover, #sidebar.rightAlign .ads h3 a:hover { color: #3b3838; } #sidebar .carbonad, .adbox .carbonad { background: none !important; border: none !important; font-family: inherit !important; height: auto !important; width: auto !important; text-shadow: 1px 1px 0 #fff; } #sidebar.rightAlign .carbonad { font-family: "Lucida Grande", Arial, Helvetica, sans-serif !important; } #sidebar.rightAlign .carbonad-image img { margin: 5px 15px 0 0 !important; float: left !important; } #sidebar .carbonad-image img, .adbox .carbonad-image img { margin: 5px 0 7px !important; float: none !important; } #sidebar.rightAlign .carbonad-text img { float: left !important; } #sidebar .carbonad-text, .adbox .carbonad-text { float: none !important; width: auto !important; } #sidebar.rightAlign .carbonad-tag { margin: 20px 0 0 !important; } #sidebar .carbonad-tag, .adbox .carbonad-tag { float: none !important; width: 100% !important; text-align: right !important; display: block; margin: 1em 0 !important; } .container .ads.box { background: none; margin: 0; border: 0; padding: 0; clear: both; } .container .ads h3 { font-size: 0.9em; color: #555; font-weight: normal; text-transform: uppercase; } .container .ads h3 a { color: #555; font-weight: normal; text-transform: uppercase; } .container .ads .carbonad { font-size: 14px !important; line-height: 20px !important; width: 500px !important; height: 100px !important; border: 0 !important; position: relative !important; background: #E9EEEE !important; background-image: -moz-linear-gradient(top,#E9EEEE,#FBF9F9) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9EEEE),color-stop(1,#FBF9F9)) !important; } .container .ads .carbonad-image { margin: 0 18px 0 0 !important; } .container .ads .carbonad-image a { position: absolute; width: 500px !important; top: 0; } .container .ads .carbonad-text { float: none !important; width: 350px !important; margin: -5px 0 0 140px; display: block !important; } .container .ads .carbonad-text a { text-decoration: underline !important; color: #1046AA !important; } .container .ads .carbonad-tag { text-align: right !important; width: 69% !important; font-size: 10px; margin-left: 140px; } #mainContent .ads { margin: 2em 0; } img.avatar { background-color: #fff; padding: 4px; border: 1px solid #ddd; -webkit-box-shadow: 0 0 5px #efefef; -moz-box-shadow: 0 0 5px #efefef; box-shadow: 0 0 5px #efefef; -webkit-box-shadow: 0 0 5px #efefef; -moz-box-shadow: 0 0 5px #efefef; box-shadow: 0 0 5px #efefef; } img.smallAvatar { margin: 0; vertical-align: middle; padding-left: 0.2em; padding-right: 0.1em; } .byline img.smallAvatar { padding: 0 0.3em 0 0.2em; vertical-align: text-bottom; margin: 0; width: 16px; height: 16px; -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .waterflow .byline img.smallAvatar { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } li.xfolkentry:focus .byline img.smallAvatar, li.xfolkentry:hover .byline img.smallAvatar { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } #sidebar #related a.crossedTag { padding-left: 0.5em; padding-right: 0.5em; margin-left: -0.5em; margin-right: 0.15em; font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; font-weight: bold; line-height: 0.9em; color: #2386b4; background-color: #ebebeb; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; line-height: 1.4em; } #sidebar #related a.crossedTag:hover, #sidebar #related a.crossedTag:hover { background-color: #2aa4dd; color: white; } div.fullImage { margin-bottom: 16px; width: 696px; position: relative; } .unsafeLogin { position: absolute; width: 100%; text-align: center; font-weight: 100; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.5em; top: 5%; left: 1%; letter-spacing: 2px; text-transform: uppercase; color: #555; } #mainContent div.fullImage h1 { font-size: 1.6em; font-weight: 300; line-height: 1.1; color: #555; } #mainContent div.fullImage h3 { color: #cd9100; margin-bottom: 0em; font-size: 1.3em; } #mainContent div.fullImage p.quote { font-size: 1.1em; color: #656565; margin-bottom: 0.8em; font-weight: normal; height: 2em; overflow: hidden; } div.fullImage p.quote a { font-weight: normal; color: #6A9AB0; } div.fullImage p.quote a:hover { text-decoration: underline; } div.fullImage div.ops { position: absolute; right: 16px; } #mainContent div.fullImage ul.ops { margin: 0 0 0.3em; font-size: 0.8em; text-transform: uppercase; } div.fullImage .operations { display: block; } div.fullImage .operations a { background-position: 9px 4px; background-color: #F4F2ED; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; white-space: nowrap; width: 43px; height: 26px; padding: 28px 0 0; margin: 0 0 8px; background-repeat: no-repeat; display: block; overflow: hidden; text-transform: uppercase; text-align: center; border: 1px solid #e8e6e0; font-size: 17px; color: #7a7977; } div.fullImage .operations a:hover { background-color: #f8f6f0; border: 1px solid #ddd; color: #5a5955; background-position: center 0; } ul.aux_ops a { font-weight: normal; color: #932929; } ul.aux_ops a:hover { text-decoration: underline; } div.fullImage div.picture { display: block; text-align: center; } div.fullImage div.picture img { clear: both; margin: 0; } div.fullImage .colors { margin: 0.3em auto 0.5em; display: block; width: 505px; } div.fullImage .colors a span { display: none; } div.fullImage .colors a { display: block; width: 50px; height: 10px; float: left; margin: 3px 2px; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); -webkit-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 1px 1px 1px rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 1px 1px 1px rgba(255,255,255,0.2) inset; box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 1px 1px 1px rgba(255,255,255,0.2) inset; -webkit-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 1px 1px 1px rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 1px 1px 1px rgba(255,255,255,0.2) inset; box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 1px 1px 1px rgba(255,255,255,0.2) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.04); background-clip: border-box; } div.fullImage .colors a:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } ul.contacts { margin: 0 0 1.5em !important; position: relative; clear: both; display: block; } ul.contacts li { display: inline-block; margin: 0 0px 4px 0; width: 24px; } #common ul.tags { margin-left: 0; } #common ul.tags a { text-shadow: 0 0 0; font-size: 0.8em; padding: 3px 5px; margin: 2px; float: left; color: #fff; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #common ul.tags span { display: none; } #sidebar #common ul.tags li a:hover, #sidebar #common ul.tags li a:focus { color: #fff !important; background-color: #70CDFF !important; } #sidebar #common p { font-size: 0.9em; color: #888; margin-bottom: 0.7em; } #sidebar h5.popularUnderline { margin-bottom: 0.5em; color: #a7a7a7; } #sidebar p.popularUnderline { margin-top: -0.4em; margin-left: 2.4em; color: #a7a7a7; } #sidebar p.popularUnderline a { font-weight: normal; } #sidebar #common { width: 280px; position: absolute; bottom: 0; margin-bottom: -25em; margin-top: 11px; } #spreadbar { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 27px; margin: 1em 5em 3em; padding: 8px 0 0; } #spreadbar .sharing { height: auto; border: 0; } #spreadbar .fb { margin-right: 30px; } #spreadbar .tw { margin-right: 27px; } #spreadbar .g { margin-right: 0px; } #spreadbar .t { margin-right: 18px; width: 80px; } #spreadbar .su { margin-right: 10px; } .sharing_box { text-align: center; } .sharing_box h4 { text-align: left; margin-bottom: 12px; } .sharing_container { display: inline-block; margin: 0 auto; } .sharing { border-right: 1px solid #ccc; float: left; height: 65px; margin: 0 3px 5px; padding: 0; text-align: center; width: 70px; } .sharing.fb { margin: 0 5px 0 7px; padding-right: 5px; width: 64px; } .sharing.fb iframe { left: 0; } .sharing.tw { padding: 0 7px 0 0; margin-right: 2px; } .sharing.g { padding-right: 6px; margin-right: 2px; } .sharing.su { padding-right: 3px; } .sharing .st_email_custom { display: inline-block; text-indent: -9999px; overflow: hidden; width: 50px; height: 60px; background: url("images/social/share_email.png") no-repeat scroll left top transparent; } .sharing.last { border: 0; } #more_sharing_button { display: block; float: right; padding: 0 12px; margin-top: 10px; background-color: #ddd; color: #fff; font-weight: bold; font-size: 1.7em; line-height: 21px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #mainContent .thumbs ul, #sidebar .thumbs ul { width: 280px; margin-left: 15px; } .thumbs ul li.image { display: inline; } .thumbs img { margin: 0; } .thumbs ul li.image a { float: left; width: 75px; height: 75px; display: block; border: 4px solid white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all border 300ms ease-out; -moz-transition: all border 300ms ease-out; -o-transition: all border 300ms ease-out; transition: all border 300ms ease-out; -webkit-transition: border 300ms; -moz-transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms; transition: border 300ms; -webkit-transition: all border 300ms ease-out; -moz-transition: all border 300ms ease-out; -o-transition: all border 300ms ease-out; transition: all border 300ms ease-out; -webkit-transition: border 300ms; -moz-transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms; transition: border 300ms; } .thumbs ul li.image a:hover, .thumbs ul li.image a:focus { border: 4px solid #70CDFF; } form#addTag, form#changePrivacy { margin-left: 0.75em; margin-top: 0.35em; } #sidebar form#addTag input.txt { width: 7em; } form#addTag button, form#changePrivacy button, #addComment { width: 80%; } #addComment button { background-color: #4BA0DD; font-size: 1.1em; } div.commentsArea h3 { margin-bottom: 1.5em; } div.commentsArea p.registerComment { color: #888; margin-top: -0.5em; } div.comment { margin-bottom: 1.5em; } div.comment img.avatar { float: left; } div.comment div.text { float: left; width: 440px; margin-top: -0.15em; margin-left: 1em; } div.comment .commentInfo { margin-bottom: 0.5em; color: #aaa; display: block; } div.comment .commentInfo a { font-weight: normal; color: #2386b4; } #addComment .bubble { float: right; padding: 0.5em; background-color: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; } .bubble .bubble_arrow { border-color: transparent #e5e5e5 transparent transparent; border-style: solid; border-width: 15px; height: 0; width: 0; position: absolute; top: 9px; left: -29px; } #addComment textarea { width: 455px; height: 38px; font-size: 1.1em; font-weight: normal; border: 1px solid #aaa; -webkit-box-shadow: 0 1px 2px #C9D0D0 inset, 0 1px 0px #f3f3f3; -moz-box-shadow: 0 1px 2px #C9D0D0 inset, 0 1px 0px #f3f3f3; box-shadow: 0 1px 2px #C9D0D0 inset, 0 1px 0px #f3f3f3; -webkit-box-shadow: 0 1px 2px #C9D0D0 inset, 0 1px 0px #f3f3f3; -moz-box-shadow: 0 1px 2px #C9D0D0 inset, 0 1px 0px #f3f3f3; box-shadow: 0 1px 2px #C9D0D0 inset, 0 1px 0px #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0 auto; padding: 0.4em 0 0 0.6em; color: #999; overflow: auto; } #addComment textarea.active { color: #222; } #addComment textarea.open { min-height: 9em; } #addComment img.avatar { margin: 0; vertical-align: top; } #addComment #indicator { margin: 1.2em 0.5em; } #addComment p.help { margin: 0.1em 0 0 6.8em; font-size: 1em; } #addComment p.help a { color: #9C9898; } #sidebar.rightAlign h2, #sidebar.rightAlign h3, #sidebar.rightAlign h4 { font-size: 1.2em; line-height: 1.6em; color: #333; font-weight: 300; margin-bottom: 15px; padding-bottom: 7px; } #sidebar.rightAlign h4 span { margin-left: 0.5em; color: #aaa; } #sidebar.rightAlign ul.tags li a:hover, #sidebar ul.tags li a:focus { color: #2AA4DD !important; } .textOnly { display: block; clear: both; } .textOnly h2 { margin-bottom: 0em; } .textOnly h3 { color: #CD9100; } .textOnly #tagExplainList { border: 0; } .textOnly #postButton { text-align: center; } #postButton a.button { background-color: #302312; cursor: move; } .textOnly #installExt { font-size: 1.1em; margin-bottom: 4em; text-align: center; margin-top: 3em; } .textOnly #extPopup { margin-top: -1.2em; margin-bottom: 6em; } #youtubeVideo { display: block; margin-left: 5em; margin-top: 14em; } #youtubeVideo p { font-style: italic; color: #777; margin-top: 0.3em; } .textOnly ul, .textOnly ol { margin: 0 0 1.3em 3em; } .textOnly ol span.numbers { font-size: 3em; vertical-align: middle; color: #89817B; margin-right: 0.1em; line-height: 0.9em; } .textOnly li.image img { border: 0; } .textOnly hr { color: #eee; background: #eee; } .textOnly span.small { font-size: 0.7em; color: #777; margin-left: 2em; font-weight: normal; } a#sshot { display: block; padding: 1em; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; width: 540px; margin-bottom: 1em; border: 6px solid #fff; } a#sshot:hover, a#sshot:focus { border-color: #ddd; } h2#advertise { font-size: 2em; text-transform: inherit; } .advertise h2 { font-weight: bold; color: #918C8C; margin: -0.2em 0 1em 0; letter-spacing: -0.02em; } .advertise h5 { font-size: 1.6em; background-color: #222; color: white; padding: 0.5em 0.5em 0.5em 1em; text-shadow: 1px 1px #444; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; } .advertise .adbox { -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; background: #E9EEEE; background-image: -moz-linear-gradient(top,#FBF9F9,#E9EEEE); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FBF9F9),color-stop(1,#E9EEEE)); padding-bottom: 2em; height: 38em; } .advertise #stats_headline { color: #111; font-size: 2.4em; font-weight: normal; line-height: 1.1; margin: 1em 1.5em 1em; text-align: center; padding-bottom: 1em; border-bottom: 2px dotted #C4BABA; text-shadow: 1px 1px #fff; } .advertise #stats_headline strong.one { color: #29B8E0; } .advertise #stats_headline strong.two { color: #FF7F00; } #sidebar.adbox a.button { font-size: 1.4em; display: block; line-height: 1.2em; margin: 2.5em 1em; text-align: center; } #sidebar.adbox h3 { display: block; font-size: 2.2em; color: #29B8E0; margin: 1em 0; line-height: 1em; text-shadow: 1px 1px #fff; text-transform: none; } #sidebar.adbox h3 span, #sidebar.adbox h3 strong { display: block; font-size: 0.5em; color: #000; line-height: 1.5; } #sidebar.adbox h3 span { font-weight: normal; } .advertise ul.txt { color: #333; font-size: 1.1em; margin-top: 0; } .advertise ul.txt li { text-shadow: 1px 1px #fff; margin: 0 1em 1em 0; background: url(/css/images/sprites.png) 0 -26px no-repeat; padding-left: 21px; } .carbon-ad { padding: 0.6em 0.4em; margin: 0 1.9em 2em 0; width: 210px; height: 180px; display: block; float: left; background-color: #f2f2f2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #EBEBEB; text-align: center; } .carbon-ad.last { margin-right: 0; } #mainContent .carbon-ad p { text-align: center; font-size: 0.9em; text-shadow: 1px 1px 0 #fff; color: #4A4848; line-height: 1.3; padding: 0 1em; } .carbon-ad p a { color: #000; } .carbon-ad img { display: block; margin: 0; background-color: rgba(0,0,0,0.2); margin: 1.2em auto 0.8em; } #faq div.box { font-size: 1.2em; } #faq div.box ul { list-style-type: circle; } #faq div.box a { font-weight: normal; color: #2aa4dd; } #faq h3 { margin-top: 2.3em; } #faq a.topNav { font-weight: normal; float: right; font-size: 0.9em; } #firsttime { margin-top: 2em; width: 60%; color: #444; } #firsttime h3, #firsttime h5 { color: #333; } #firsttime h3#firstH { margin-bottom: -0.1em; margin-top: -0.4em; } #firsttime p { font-size: 1.2em; } #firsttime a { text-align: center; } #firsttime strong { color: #333; } #firsttime a img { display: block; border: 2px solid #d8d8c4; margin-left: 2em; } body.clean .container { padding: 5em 0; width: auto; width: 940px; min-width: 940px; } body.clean .container p { font-size: 1.2em; } body.clean .container p.small { font-size: 1em; line-height: 1.6em; color: #666; } body.clean #logo { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80px; text-align: center; margin-top: 1.5em; } .centered_column { position: relative; margin: 0 auto; padding: 7em 2em 3em; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15); box-shadow: 0 3px 6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15); box-shadow: 0 3px 6px rgba(0,0,0,0.15); } .centered_column h1 { text-align: center; font-size: 1.8em; font-weight: bold; color: #222; line-height: 2.5em; } body.clean .social_login { width: 100%; } body.clean .traditional { border-top: 2px solid #e1e1e1; margin-top: 4em; } .social_login p { text-align: center; color: #888; } .social_login p a { font-weight: 100; } body.clean .button.login { width: 100%; margin: 0 auto 1em; display: block; padding: 1em 0; text-align: center; } a.button.facebook, a.button.twitter, a.button.flickr { padding-left: 2.4em; } a.button.facebook { background-color: #3B5998 !important; } a.button.facebook:hover, a.button.facebook:focus { background-color: #2E5AB5 !important; } a.button.twitter { background-color: #45A3BC !important; } a.button.twitter:hover, a.button.twitter:focus { background-color: #36AFD0 !important; } .icons.twitter { background-position: -26px 0; } .icons.facebook { background-position: -50px 0; } .icons.flickr { background-position: -125px 0; width: 31px; } .icons.google, .icons.tumblr, .icons.yahoo { background-position: 0px -100px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icons { position: absolute; top: 21%; left: 3%; display: block; width: 25px; height: 26px; border-right: 1px solid rgba(0,0,0,0.27); -webkit-box-shadow: 1px 0 0 rgba(255,252,252,0.27); -moz-box-shadow: 1px 0 0 rgba(255,252,252,0.27); box-shadow: 1px 0 0 rgba(255,252,252,0.27); -webkit-box-shadow: 1px 0 0 rgba(255,252,252,0.27); -moz-box-shadow: 1px 0 0 rgba(255,252,252,0.27); box-shadow: 1px 0 0 rgba(255,252,252,0.27); padding: 0 4px 2px 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAaCAYAAABVc6VBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDhDRUUyNzQ5MDQ1MTFFMDgwQjVCRTIzRkQ4QjU1OEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDhDRUUyNzU5MDQ1MTFFMDgwQjVCRTIzRkQ4QjU1OEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OENFRTI3MjkwNDUxMUUwODBCNUJFMjNGRDhCNTU4QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OENFRTI3MzkwNDUxMUUwODBCNUJFMjNGRDhCNTU4QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpSqTW8AABQWSURBVHja7FsHdFTV1j63Ts9kMmkkhJBCJyG0IEp5hK4giIIkgHQQQaUICIqNLkV/FETpPGkqKNIEBKU8mg+kGEDKowZIb5PMzK3/3jeTGEICISiwlp619roz95655ZzvfPvbe9+hltZ9kZSjNQWLAgsGCwS7AJYNtqf/qbW/k3/aP61Eo+4CLATQW2AveD6X1S6BfQH2KYDM8bg/sFfk8/gsH4K1BKtSSpfQnAvrr5bnXH61mXt1iQU7Uvgl9bT80J6zNW9DMqgNtnyXkCk/7HGmS9mHo/U+2P/ARiCo9DRHrKyB+PImEqizEBtn1L7zNIv9w8CmY/9lUT37PM6g8q7d14c12PczBt8+YFXASKERqmAoGtarpn/g1Vpwqg4cy336qJ7V6GXpAZvFNMP0ehTXZ0t89wFbC9aWgdGxcyZiYXWEhc8UQ7sMVQP2FnYUUrKrSbn5YaIikyzJSTJFp59K1JUALlylI4G9ilZJcOsXH+QerWDNwI6COZJ2raswK/I60zuiJEf8pS4AliXDgan6sW63q7FHRhx86IwhiE/j1ubvWx82Kx8lsAyEovYQldT15Y0aKzEc69D52467ktKaqbICxMUei14+dq2nvy3r8NnwS3PX9+KuJMf5QP8UwUFyJNcID0AfaKVQFEUolntTlaV3KKKy8G19/NNxAx/knBzHtgVg/aUDyrAaY9UWXK44/K7XG0a7XM7uD3NSn9f5RUqqUh0/V65e7eKjZSyKWs0Qqm4lvRcxMTzRB/vurz653yeGUP/Lx3pMWeROz45OSjw/JqnR4HXQ+7gO3GPckQWH6q9769dri7e1v7H251cqOegQdJsAsARgrlPAWjNKuWaYx3aXeVN6ALXeOBbuaboiuIjidEgWk7HKmq2742aOGry5og8rK4q95L5qYYG7u3VotNOspwQCq8pk1CdXfDEUMJaO149SJBeR4YzAWl08GvXWw5pUndEwIC/PQViOy08YN2rLoxTvCcAIq0INNqID3WSMqLQjZtUEFO4nwcTUbb88d2Ha6hXJednmLNn5P1VRa6E3RHf50snV5OzYRY2yj577Rs53h+LJgLXITXcOUkMdjBrRFVIMwJamic1k6J6elfOVZ6Cngn2Gc1604vUGwhrMwTRFnVNU1aiIApHdToJbT1sC7nBQRR62UqMRyS636I+fVdlFKMUtHdoyp3mNiODzxe4hB0ypiHiH9Uhg+Kw0Td9QFMUoOvFC4II5foYgChMehngHtgLpyyZliC7f0Fo1tiw9cahL8fF9mIzFw4R/GMRbNFBxdq9EANW47Y2GnkgWcomsqqT/qTXb0nYeXaEcOD083ymEC7Q8AcD1vqwqBmCmgQaWnxrIWbx4umCgvVg9cSsSk0WEufD1mQLtwRDOZCU7Pp9yoOuYD/57/XpSIzj1J3AI3dsrqEMQeKzeRFiGeUeSZaOmFTheM9ntIlJ+Lu4aCED9HcA160EeXBEdhGMYAUD1y5818BjLcBw/TBQFY6FblEVkSnkIfP0AzPmXMwVND3JKgq8WiLRptaK0Z2Ni+pXcFemJYAWPHkwqfnDkpTO3dZ6TfZiMsTaxen6D3ucI7Dt+21jAjfSy0HywmdHhNylkQPvJ2xoNPnHDnQ2gUrQl9+/oXs5ac1+ew/tYzgTrrERVKWSzN8FwpX8iKbIX+AHFKyZijU/L6AV4Yl/eTFiZPA3A00J6FRgHWSfQ7n0jNCTkJ6PNzwErCw/FgB0AWwbuzw/OY4bV3vuOwdDpNTYruGnqPQCXX4VHHxCNTAIb9c8EFd6mqiivlthHZFn2gQix71+QUrCi3cZWNP2WAA/mE+ifOHzO9B13v2kmimINhylWfx5W/irY8zXYdbBtZaRiUPsaJno/NcdE8ykcxeD5Pwf7FYB2HawoSmNZva63LzEWqPcq/j8FPt9886335t92MkmVybcN+vNhNasf5zJya9lZA5cu5k0H90m8OQMJ9PW/GNK79WfBL7Xd7LycrGQdOB2viJLNjzeRZMoVT4hrJs6lIrpJ2POvqDqef0ZSiZmz2AhqKMnpwFnux/D65wA029EFlq69TFp/RVGNeh3/Ei4eT9QZDAyWVEbeaiCj94lFRc3QtOU21lIVHRz/vMRPXs25sF64b2BhJEgz3SVZCvpjFgrApUgakyDgFv4ZgGrD2571pIRwUcoArp1eFDsUnq+jWxKDZFgv9Vo0+7cniV0Kq8FN6ayxEJ39rAVtBbcKZ3IT1Q1KQJE7AICOqqra1JMM14IpL0rHAwFtoVS1VZFuhWtlKS7iVERMnq8FcAUDe81ljRLVlOMKXJghNGDTl/V61fREdUhxNTzWNEt0+qSfv0oMEEvbATC42P1s9msBrRusiZgYv9WjxzINVQNo0Gg7HWev9UAWTCcS+viZBayDgSdNBj/b+pOF3+38SMZIk9eDBtEVaCiKsgKoetxNHWN/2eUkLrcwu3Lb+L7AEEfq1QifVtZPbHb/zjn5chePeC92HrOGVZqQIRrIIKIFF5yW8ftXw+4bVEyBcGdY9g1ZkO9gMgSWILhrgyZrCTprT0UB1YH3YfQUPcVKsW9q98yx+Xpf29nsmyntOJbFBRLtBt9rMJtuDp05+cuyk1x2ZLY1sEANJdwCoQx2ojrTiarIvjAeK0GSPImw86WNRM+wY0ACtbo96UkRO20gWYQmDsWNuz4EcO1mzTRfdPJLuw7Pw7xUqTkgGCFAJTHq9Q5KVnk/3sxzel0SgOr/4PCN4kRA20y4EjSAmAgTWcR8oJE4szcZE995XVJqRtWtB38dJoiSV8FE68onCg1mEMl6mCyJcKoYYPeymG6mZoR4Erp3NIPJosvJzy4l31QsD6oWAM7mbb5ZXuFekq1QbwB4GpaWLEXDS+h0egREhYFlohjMRyWg/7YGBR6bte+Hyb6Vg5PHNImbcPn4qc4KLHYRrH6zpuv8goNulJkSoZlusMjCy8ruUih3nBkEQKWV8kAqndJp0Rf1hqYhSks20jriViUiqjLDG/QjWCPDFR3MlQRNwGO0B/6ToBjXGwzpFm/rFVNlv9+tjaqfDBnU8cTJ/rMHOc5c7ZaXmvnEN/X7NsqV3AZPIhPb0dDwsKJpM6mMrQhxAAYEF7jDTJ7jOokSaLMKxvU8x2T6ms1nTDru+qsJCecfxLWoasFiMpsMlyqSZUfT6wyjXW5nmcADL4Os1Q5YKxJY60IFoj0EZQICh3iZrk35ceMYANU+JGJXrkNLZbhAb3A6XU6fieM+J2UhAJrdamyWknmXPDOEt+guVaBaH6u5DQKL1fGVJbfgU+Y44FzDg2bJMs5PU3AFVKGMl6LbN/8CtIBiiQ7TBti7Sc2bxvBKGZ4QHLdp+5qMkAwh/p217DtMCIBqY8mLpF25QSrrC3DG0bcn90Gga+5w/bQx4z9c9X336ynpYZdvprYoNwjAnakA0JeebT1z0qCeu9D9gpWZewoP8f/Fx2rSiiwXr6Q8CQxpLppweOYa4ZV2q4oAwYWVRIYFba+gaA90C65ud3OVCoUAVmm93vAa7HrtPkEVBRrnAwloz0kTYdi7E98NjgjfVxh4OHNyfVUtpFNI7ZiozbWfaHzXhQaL8t4LGnMnACy7zcuGGLGGBXmnn71898oGYQpXqpUtpmRZnxZRi/yfaZJZTPTl7W0yQnTDBZyyWCVfESbDto/fJZcZM+1muDjqKNQXtKfs6AJ3yVDUH9lunr/ND4m54I0hwqsbXmXHykkjfu88dgaK2nIDS8rPIXaz8QyAagli+F79t654A/utx8+hTUd+VwgszGPRFCMc+PbdccW637w/uipKMbwuigJ3LwBi6gH69QfWmgisVe7SFMvzs0RB4PIAWLViG2/oNmLoN8WjWVdeXpQbjtEMI3QZNnj+vSLdQLvl0vWU7HJdO8jfpkmM6H7P3Pj5rc+ASxS+zGf0zLvBZrnKYg0QyzWI+EPTl4dKby88juDQQACMBGIaYTga7B30FvhjFO40x2Zi5BcMzGSuGbLRt32jojpi0pe7BojpOXU04Bv114hQ3O2omviu8kw/EfTShQDg2nLnniQR2Urp26XdrPKAytOueAyfRSlMN6BYl2UGH/vEg5RvcBwVWctTkfIAS5ZlM8dyA2DXvPKyFWzaa8DhOQe4OcwN5hY7HgYPEekGtqocUW1fm4QeR+91zh6t620+eeHmaEGUyx570Nomgy55dK+2u8+t305iBnfNOLF0056Mc1fblvUT0TO8oY2jNtCc3etUoY/MU4T4bMmJyU3NYCKCPTmmDwGB5gDeQmoGVT1fq2ur2bE7Z/RmLQZtwpxXUkKC4lstRbM9WXuF7HAW5Va4Sjb8/RBCCFMikadtl789fEGgj/excpVknA4SVS1s06g+L2wgj0HT2Irl+sqK7FNedvOE7qOBtZjyXENnNAxB9CNwQqpF/NS4fevbEpEglF8TSUFCrk7T2FVa13u00T2bn+zcrPbCu4EKtIEytHurWZ1axiTlgyj/yN5Wbjl56FRWr0sv62f5qkh8I0L29l05/UtaH+pfpCsYp9ytWGIsFkYA0E/FYkG6elCV8/VGvji2yQ/TB0VO6v0xree36UP8fsKOqblZMavr9Ua/nfVd17Fxjvy8yoXn9G5WZx2AAenzLNjrmBDGS8nOPKsiCn06jp629lZGVoN7gsqdT3y9zImL3hv9fln5mYdfENMWyMj7jB6JIAqhDMN0LF9gobYXVEUDTrX69dCli8XYyiwJ4iBkMzMEWGMXffp9iQRqqUlkttmb7nWTe83r0rzOAhY81h1gVvNyBnZtPnPW6J4rmJh+crbi0vJVVdvEHmw1Y/h4g916vjRQedcK/aHPsqlvY7mOrTqy2/LfBs4dqrgEPwvDc05VXAzUPgNAtQXiS31lg5X4RUWurzlryGecj+XY7thhmRlivhZBPtWnywbH6av9DBRLZ+qY+GVRPRfBQH+KEaV2g4G2I2EDOv7yw4COF8d9vNi6dsuP7ykq8cbUgibiaabcLtDHwCWumfnWyMoBfifI49NaQqRX436L1BiEsiw3CnZtvocbRCasBqEF5shcfd4et+12V8xOEiTRjJMeUS8Kz5VeDFQDWY7DdMGddVV3DoBr/DVp/8xZu49eODj/m4NNLySlRTIUEWsEmS9O6N9hb3T1kAMAqjSPhCCpcj6Z6RMnjM/Yva5Gt39d3DPp8/Zppy9FCI58K+PvdbNy60YnWw6P/xG6n9bAa44IumR7qs6S9F2/vok1vjQhry14yrZ6iiXBBm8loFX9BTWmD8BC8dk19foohfoLW/VxPfdkbDqSo4cAmJGpvhJFdTXTnD9XkDFUKnVviZlxZ9jzryRdWr9gcYvGDW5MW7FhRHkYqmjFypJSO8hn0/Ip4z/29/HeX5E801/VbvxXToRN11LLLfH1Xz5z/mSHFXM3Dm7bolNqKV1S7nV+L1+fetlpGRpbmM2mG0HhYanFQBcDLnUUlm9QtIOgX1R4rLPO/iwI/vEzN3/Tv9QxBWIgkpuwjV+5LP2y4GZcw8j9nnQREmMWBjEAKrFk9SUFwPW2rZljSub+PW3mjsRX0r21YBBUlEfzZhWx4rKoeKX/qTXzjyZejnPfyozFN0SRkVCU+zaP/gJANXtTw0FXAHB3pEbA/eVUDw0/raRkPWGU6VoS+AZ/vqBq4hUTsTqoV9zWwkiwapchyZc3frGu01MNzq7asb/xtz8fbnYh6VZsTp4ztNTEpo5PDbFbjvTt0HJb/NNxezwrQXmM2ArfbsDB3FgySkctFWANScD5mz1/6t6El7uc0yTDfb7dYLbZAjLT0gt1mbNwAgBUVkrLnCscphi8ff3PNevSSWOKrjrfBBdF5g2b8cHYmH81P1KqrDi+/Db+Art8jz53YNMTQZcZRbPYZ339ftc7rJs6PnH4vOWmXBKK72NhS//Pb7021O9/HQT9p6XpGhD4fpJQUMNAtvPyvG0K2mtv3c9emwy7HQWsIxPRkU1C2iXk07z+4JXNSxN7tWu2EyNflyB6r9q+L+wPTaGQTk81vBZot+H1MPF3qXgU9HdqBi+LWLiUHdk5kW14W6SZYjJgjLeoilJT9oh20e3Gco+/kWJG5FNk8MDJk973pCTER3XvWpyC70+ZqgfvrzVn6GtnJyydVpgqSHHlWABUU+Aj2ilPQTLVU0tEbRGVk56p5bL0npDHVC14S92Fr6PAPndnsCETxZmHReMc0Bs5FMOeubZ9FTWwc5y1RNdc6FO0vJN2rfs74orEdu548uKvJyVaVlgAks5EMYlYmwNBz9d8MnbdbwcOv4jRvJSVWxdAdd3JUGkjPpo58dmhA7561IuxKEG6PCpe6ndqzQ8Nvp6Uefr1Ba86Eq908ePMPENokinlo4DDfErUbbSv/WuA8kQ8bI5Pi6jl1af2X+IBISknMNTivvnvDqbi7YUJo6+c+c+hZcd3/jS4MLsg0JQQ1/25jwd/PGPx0Gr1W7COvEqoDxQv07VRH814r13vnl8/DgzP/jG7KlkZnSC8dHL1/qhFo9KyDp3ZcmX+993Zy8nNfUWTF+a1MGGK72hhlh3riFpd0cAnm+tU3RE+rse3hir+mJy7Sv5pZMTAsUsFQThsMpqTj506UtHTCJM2fzXj29nzzh3f+XM0723JfmHcyAM1GtZHsX19+Bfz3tixZGU7U6WA1FfnzdquNxkPeoT0o8/E3Pm/Qorgnyk6H12CdWR8IT/o6sLNDfIv3QoWMx12Oc9p42yWZMakz7W3jE70ezr2vEf8oRaSHvP5xlc+itfJUINsfQDxXmpKAUk85TcZC/P4ykYO9FMqIt6LNSzk41uhgkcwF9Yy8BqYxEZhf4PcpfD8sNv/CzAAeEgIEoeNdfUAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent; *background: transparent; } body.clean .sideLink { position: fixed; right: 30px; top: 80px; padding: 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #adadad; -webkit-box-shadow: 0 0 0 2px rgba(254,254,254,0.91) inset, 0 2px rgba(255,255,255,0.86); -moz-box-shadow: 0 0 0 2px rgba(254,254,254,0.91) inset, 0 2px rgba(255,255,255,0.86); box-shadow: 0 0 0 2px rgba(254,254,254,0.91) inset, 0 2px rgba(255,255,255,0.86); -webkit-box-shadow: 0 0 0 2px rgba(254,254,254,0.91) inset, 0 2px rgba(255,255,255,0.86); -moz-box-shadow: 0 0 0 2px rgba(254,254,254,0.91) inset, 0 2px rgba(255,255,255,0.86); box-shadow: 0 0 0 2px rgba(254,254,254,0.91) inset, 0 2px rgba(255,255,255,0.86); color: #3d3d3d; font-size: 11px; font-weight: normal; text-shadow: 0 1px 0 #fff; } .sideLink b { font-weight: bold; } body.clean .sideLink:hover, body.clean .sideLink:focus { background-color: #f9f9f9; border-color: #9d9d9d; } span.or { background-color: #fff; background-clip: padding-box; border: 3px solid #e1e1e1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; bottom: 27px; color: #b1b1b1; display: block; font: bold 10px/18px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin: 14px 0 0; padding: 5px 4px; position: relative; text-transform: uppercase; width: 20px; text-align: center; top: -32px; left: 44%; } #loginf { margin-top: 0; } #loginf label { font-size: 1.3em; color: #707174; line-height: 1.5em; } #loginf.wide ul { margin: 0; } #loginf.wide label { display: block; } #loginf.wide input.txt { width: 95%; } #loginf.wide span.url { font-size: 1.2em; color: #7D9198; font-weight: bold; margin-right: 0.4em; border-bottom: 1px solid #7D9198; } #loginf input.txt { font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; color: #222; font-weight: bold; } #loginf button { margin-top: 0; } #loginf label#forRemember { font-size: 1em; font-weight: normal; cursor: pointer; float: right; margin-top: 1em; } a.facebookBtn, a.twitterBtn, a.tumblrBtn { display: block; background-repeat: no-repeat; padding: 11px 0; } a.facebookBtn:hover, a.tumblrBtn:hover, a.twitterBtn:hover { background-position: 0 -24px; } a.facebookBtn span, a.twitterBtn span, a.tumblrBtn span { display: none; } a.facebookBtn { float: left; background-image: url(/css/images/social/facebook_signin.png); } a.twitterBtn { float: right; background-image: url(/css/images/social/twitter_signin.png); } a.tumblrBtn { float: right; background-image: url(/css/images/social/tumblr_signin.png); } #mainContent .register_sidenote strong { color: #5a5a5a; } .not-available { color: #B40B0B; font-weight: bold; } .available { color: #50870F; font-weight: bold; } #userURL { font-weight: bold; color: maroon; padding-left: 0.1em; } ol.steps { position: relative; list-style-type: none; margin: 0 0 3em; } ol.steps li { position: relative; display: inline-block; } ol.steps li.first { z-index: 1; } ol.steps li.last { z-index: 0; float: right; } ol.steps span.desc { color: #999; } ol.steps span.number { color: #666; font-weight: bold; display: block; text-align: center; text-shadow: -1px -1px 0 #ddd; margin: 0.2em auto; } ol.steps li.line { display: block; position: absolute; width: 100%; height: 2px; border: 1px solid #ccc; border-width: 1px 0; top: 35px; background-color: #ddd; } ol.steps span.circle { margin: 3px auto; text-align: center; background-color: #bbb; border: 4px solid #ddd; display: block; width: 24px; height: 24px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; } ol.steps li.first span.circle { margin-left: 0; } ol.steps li.last span.circle { margin-right: 0; } ol.steps li.active span.desc { color: #333; } ol.steps li.active span.circle { background-color: #11AFDA; } ol.steps li.active span.number { color: #fff; text-shadow: none; } #history h4 { color: #9d8e8e; } #history ul { margin-left: 0; } #history ul li { list-style-type: none; } #history ul.referenceList { margin-left: 1.4em; margin-top: 0em; margin-bottom: 2em; } #sidebar ul.referenceList { margin-left: 1.4em; } ul.referenceList li { list-style-type: circle; } ul.referenceList li a { font-weight: normal; color: #2386b4; } ul.referenceList li a:hover { text-decoration: underline; } #history ul.dateList { margin-top: -1.4em; margin-bottom: 0.7em; color: #555; } #history ul.dateList li.user { display: block; float: left; margin: 0.3em 0.6em; } #history ul.dateList li.user a { font-weight: normal; font-size: 0.9em; } #history ul.dateList li.datetime { clear: both; } #history ul.dateList img.smallAvatar { display: block; margin: 0 auto; } #history ul.dateList li { margin-bottom: 0.4em; } #history ul.dateList li a { margin-left: 0.15em; margin-right: 0.15em; } #history ul li.datetime { width: 93%; border-bottom: 1px solid #e4e4e4; margin-top: 0.8em; margin-bottom: 0.6em; text-align: right; color: #999; } #history p.description { font-size: 0.9em; color: #666; margin-left: 0.8em; } #searchBox { background-color: #fff; } form#searchForm button { font-size: 1.1em; border-width: 1px 2px 2px 1px; border-color: #777 #666 #666 #777; background-color: #888; color: white; } form#searchForm table { margin: 0; } form#searchForm p.help { margin-top: 0.4em; } form#searchForm p.help input { vertical-align: middle; } h3.search.error { color: #952222; } h3.search span, h4.search span { color: #E1771E; } .userresults { margin-top: 2em; } .userresults .avatar { margin-bottom: 2em; } .userresults img { margin: 0; padding: 0; } .userresults .avatar { float: left; margin-right: 0.5em; } #badge { margin-bottom: 4em; } #badge h3 { color: #666; font-size: 1.4em; } #badge form { margin-bottom: 1em; } #badge textarea { width: 36em; height: 7em; } #badgeSidebar { text-align: center; border: 1px solid #ddd; border-bottom: 1px dotted #888; background-color: #f1f2f1; margin-top: -1em; margin-left: 12em; padding: 1em; } .container .one { clear: both; font-size: 14px; line-height: 20px; width: 500px; height: 130px; border: 0; position: relative; background: #E9EEEE; background-image: -moz-linear-gradient(top,#E9EEEE,#FBF9F9); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9EEEE),color-stop(1,#FBF9F9)); } .container .one .bsa_it_ad { background: transparent; border: none; font-family: inherit; padding: 0; margin: 0; } .container .one .bsa_it_ad a:first-child { position: absolute; width: 500px; top: 0; margin: 0; padding: 0; } .container .one .bsa_it_ad .bsa_it_i { display: block; padding: 0; float: none; margin: 0; display: inline; float: left; height: 130px; } .container .one .bsa_it_ad .bsa_it_i img { padding: 0; border: none; margin: 0; } .container .one .bsa_it_ad a { padding: 6px 0 0 0; display: block; float: none; width: 300px; margin: -5px 0 0 190px; padding-top: 13px; } .container .one .bsa_it_ad .bsa_it_t { color: #1046AA; text-decoration: underline; font-weight: bold; font-size: 14px; } .container .one .bsa_it_ad .bsa_it_d { font-size: 14px; font-weight: normal; } .container .one .bsa_it_p { display: none; } .container #bsap_aplink, #bsap_aplink:hover { display: block; font-size: 11px; font-weight: normal; margin-top: -20px; position: relative; color: #888; float: left; margin-left: 420px; } .navsidebar { text-align: right; left: 50%; float: left; margin-right: 3em; margin-top: 3em; } .navsidebar.sticky { position: fixed; margin-left: -514px; margin-top: 125px; top: 0; } .navsidebar ul li div { cursor: default; } .navsidebar ul li a, .navsidebar ul li div { display: block; position: relative; font-size: 18px; font-weight: 300; line-height: 1; margin-bottom: 4px; padding: 10px 25px 10px 0; text-shadow: 0 1px 0 #fff; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #6A6A6A; letter-spacing: -0.03em; background: #ededed; -webkit-border-top-right-radius: 5px 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 5px 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 5px 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 5px 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .navsidebar ul li a.active, .navsidebar ul li div.active { background: #fff; background: -webkit-gradient(linear,left top,right top,color-stop(0,#ededed),color-stop(1,#fff)); background: -webkit-linear-gradient(left,#ededed 0%,#fff 100%); background: -ms-linear-gradient(left,#ededed,#fff); background: -o-linear-gradient(left,#ededed 0%,#fff 100%); background: -moz-linear-gradient(left,#ededed 0%,#fff 100%); background: linear-gradient(left,#ededed 0%,#fff 100%); background: #fff; background: -webkit-gradient(linear,left top,right top,color-stop(0,#ededed),color-stop(1,#fff)); background: -webkit-linear-gradient(left,#ededed 0%,#fff 100%); background: -ms-linear-gradient(left,#ededed,#fff); background: -o-linear-gradient(left,#ededed 0%,#fff 100%); background: -moz-linear-gradient(left,#ededed 0%,#fff 100%); background: linear-gradient(left,#ededed 0%,#fff 100%); color: #454545; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .navsidebar ul li a.active:after, .navsidebar ul li a.link:hover:after, .navsidebar ul li div.active:after, .navsidebar ul li div.link:hover:after { position: absolute; right: -17px; top: 0; display: inline-block; content: ""; text-indent: -9999px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; width: 0px; height: 0px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff; } .navsidebar ul li a.link:hover, .navsidebar ul li div.link:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); background: #fff; background: -webkit-gradient(linear,left top,right top,color-stop(0,#ededed),color-stop(1,#fff)); background: -webkit-linear-gradient(left,#ededed 0%,#fff 100%); background: -ms-linear-gradient(left,#ededed,#fff); background: -o-linear-gradient(left,#ededed 0%,#fff 100%); background: -moz-linear-gradient(left,#ededed 0%,#fff 100%); background: linear-gradient(left,#ededed 0%,#fff 100%); background: #fff; background: -webkit-gradient(linear,left top,right top,color-stop(0,#ededed),color-stop(1,#fff)); background: -webkit-linear-gradient(left,#ededed 0%,#fff 100%); background: -ms-linear-gradient(left,#ededed,#fff); background: -o-linear-gradient(left,#ededed 0%,#fff 100%); background: -moz-linear-gradient(left,#ededed 0%,#fff 100%); background: linear-gradient(left,#ededed 0%,#fff 100%); } span.favicon { padding-left: 25px; } span.favicon.facebook { background: url(http://www.google.com/s2/u/0/favicons?domain=facebook.com) no-repeat left center transparent; } span.favicon.google { background: url(http://www.google.com/s2/u/0/favicons?domain=google.com) no-repeat left center transparent; } span.favicon.twitter { background: url(http://www.twitter.com/favicon.ico) no-repeat left center transparent; } span.favicon.yahoo { background: url(http://www.yahoo.com/favicon.ico) no-repeat left center transparent; } span.favicon.flickr { background: url(http://www.google.com/s2/u/0/favicons?domain=flickr.com) no-repeat left center transparent; } .navcontent { width: 80%; font-size: 1.2em; text-shadow: 0 1px 0 #fff; color: #444; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; } .navcontent.sticked { margin-left: 246px; } .navcontent input.txt, .navcontent textarea, .navcontent select, .navcontent label, .navcontent checkbox { font-weight: 100; color: #3D3D3D; } .navcontent label { color: #777; font-size: 1.2em; font-weight: 200; } .navcontent p, .navcontent ul, .navcontent ol { font-family: Helvetica, Arial, sans-serif; font-weight: 100; } .navcontent h3 { font-size: 1.5em; line-height: 2.5; } .navcontent .profile { margin-top: 1em; } .navcontent .profile h4 { font-size: 1.6em; margin: 2em 0 .5em; display: block; min-width: 7em; } .navcontent .profile td a.input { font-weight: normal; color: #555; text-decoration: underline; } .navcontent .invites { min-height: 15em; } .navcontent .invites .friends { padding: 32px; } .navcontent .invites .button { background-color: #0B9FA2; } .navcontent .invites .button:hover, .navcontent .invites .button:focus { background-color: #0db6ba; } .navcontent .invites .autofollow { text-align: center; margin: 1em 0 4em; } .navcontent .invites .autofollow h3 { font-size: 1.6em !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .navcontent .invites .autofollow .inline { margin: 2em auto 0; } .navcontent .invites .autofollow .inline li { display: inline; } .navcontent .invites .autofollow .inline li img { margin: 0; } .navcontent .invites .loading { padding-left: 25px !important; background: url(/css/images/indicator.white.gif) no-repeat scroll 5px center transparent; } .navcontent .invites .similarusers .users > li { margin-bottom: 10px; } .navcontent .invites .users { font-size: 0.83em; } .navcontent .invites .users > li { margin-bottom: 5px; min-height: 40px; } .navcontent .invites .users > li .user { margin-bottom: 0; } .navcontent .invites .users.double { padding: 1em 0.5em; } .navcontent .invites .users.double > li { float: left; display: inline; width: 47%; margin-right: 3em; } .navcontent .invites .users.double > li.odd { margin-right: 0; } .navcontent .invites .users.double input.search { width: 95%; } .navcontent .invites .users .username { font-weight: 100; margin-left: 45px; } .navcontent .invites .users .username .avatar { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; width: 35px; height: 35px; } .navcontent .invites .span-5 { width: 300px; } .navcontent .invites .invite, .navcontent .invites .onvu { margin: 0; } .navcontent .invites .invite.first, .navcontent .invites .onvu.first { border-right: 1px solid #EDEAEA; margin-right: 1.15em; padding-right: 2.15em; margin-left: 0; } .navcontent .invites .invite.last, .navcontent .invites .onvu.last { margin-left: 1em; } .navcontent .invites .invite input.search, .navcontent .invites .onvu input.search { display: inline-block; font-size: 1em; margin-bottom: 20px; margin-top: 0; width: 88%; background: transparent url(/css/images/sprites/search_small.png) no-repeat 7px center; padding-left: 27px; } .navcontent .invites .invite.double input.search, .navcontent .invites .onvu.double input.search { width: 94%; } .navcontent .invites .invite.double .smallLink.more, .navcontent .invites .onvu.double .smallLink.more { float: right; margin-right: 1em; margin-top: 1.5em; text-transform: lowercase; } .navcontent .invites .invite.double h3, .navcontent .invites .onvu.double h3 { font-size: 1.5em !important; font-weight: 300 !important; line-height: 2.5; } .navcontent .invites .invite h3, .navcontent .invites .onvu h3 { font-size: 1.4em !important; } .navcontent .invites .invite h3.columns, .navcontent .invites .onvu h3.columns { font-size: 1.3em !important; font-weight: bold !important; margin-bottom: 0; } .navcontent .invites .invite h3 .followall, .navcontent .invites .onvu h3 .followall { font-size: 0.7em; margin-top: 1px; padding: 0 1em; float: right; background-color: #26B4A3; } .navcontent .invites .invite h3 .followall:hover, .navcontent .invites .invite h3 .followall:focus, .navcontent .invites .onvu h3 .followall:hover, .navcontent .invites .onvu h3 .followall:focus { background-color: #2ac9b6 !important; } .navcontent .invites .invite h3 .inviteall, .navcontent .invites .onvu h3 .inviteall { font-size: 0.7em; margin-top: 1px; padding: 0 1em; float: right; text-shadow: 0 1px 0 #fff; color: #444; border: 1px solid rgba(0,0,0,0.2); background-color: #f4f4f4; } .navcontent .invites .invite h3 .inviteall:hover, .navcontent .invites .invite h3 .inviteall:focus, .navcontent .invites .onvu h3 .inviteall:hover, .navcontent .invites .onvu h3 .inviteall:focus { background-color: #ffffff !important; border-top-color: rgba(0,0,0,0.2) !important; } .navcontent .invites .invite .action, .navcontent .invites .onvu .action { width: auto; } .navcontent .invites .invite .action .button, .navcontent .invites .onvu .action .button { background-color: #f4f4f4; text-shadow: 0 1px 0 #fff; color: #444; border: 1px solid rgba(0,0,0,0.2); padding: 0.2em 0.4em; margin: 4px 0 0; -webkit-box-shadow: inset 0 -3px 7px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 -3px 7px rgba(0,0,0,0.05); box-shadow: inset 0 -3px 7px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 -3px 7px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 -3px 7px rgba(0,0,0,0.05); box-shadow: inset 0 -3px 7px rgba(0,0,0,0.05); } .navcontent .invites .invite .action .button:hover, .navcontent .invites .invite .action .button:focus, .navcontent .invites .onvu .action .button:hover, .navcontent .invites .onvu .action .button:focus { border-top-color: rgba(0,0,0,0.2) !important; color: #fff; } .navcontent .invites .invite .action .button.invited:hover, .navcontent .invites .invite .action .button.invited:focus, .navcontent .invites .invite .action .button.invite:hover, .navcontent .invites .invite .action .button.invite:focus, .navcontent .invites .onvu .action .button.invited:hover, .navcontent .invites .onvu .action .button.invited:focus, .navcontent .invites .onvu .action .button.invite:hover, .navcontent .invites .onvu .action .button.invite:focus { background-color: #e2e2e2 !important; color: #444 !important; } .navcontent .invites .invite .action .button.following, .navcontent .invites .invite .action .button.invited, .navcontent .invites .onvu .action .button.following, .navcontent .invites .onvu .action .button.invited { color: #C1C1C1; } .navcontent .invites .invite .button.more, .navcontent .invites .onvu .button.more { background-color: #B3B3B3; font-size: 0.9em; display: inline-block; margin: 3em 0 1em; width: 92%; text-align: center; } .navcontent .invites .invite .button.more:hover, .navcontent .invites .invite .button.more:focus, .navcontent .invites .onvu .button.more:hover, .navcontent .invites .onvu .button.more:focus { background-color: #c0c0c0 !important; } .navcontent .section { margin-top: 3em; margin-bottom: 1em; } .customMsg textarea { font-size: 1em; font-weight: normal; color: #444; height: 75px; width: 450px; line-height: 1.4; padding: 20px 12px; } .customMsg .buttons { display: block; float: right; font-size: 0.9em; margin-top: 1em; } .customMsg .counter { float: left; margin-left: 0.4em; font-size: 1.1em; font-weight: bold; color: #ccc; } .customMsg .warning { color: #600; } .customMsg .exceeded { color: #e00; } .findfriends span.favicon { padding-left: 19px !important; } .findfriends a.find { font-weight: normal; text-decoration: underline; font-size: 1.1em; display: block; margin-top: 1em; color: #2A76A4; text-align: right; } .otherservices li a.button { display: inline-block; margin-right: 1em; float: left; background-color: #dedede !important; border: 1px solid #bbb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #555; font-size: 1em; font-weight: normal; padding: 0.75em 2em; text-shadow: 0 1px 0 #fff; } .otherservices li a.button:hover, .otherservices li a.button:focus { background-color: #eee !important; color: #333; border: 1px solid #999; border-top-color: #999 !important; } .otherservices li a.button span.icons { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); left: 5%; } .otherservices li a.button span.icons.flickr { width: 28px; } .slimScrollDiv:before { position: absolute; width: 100%; left: 0; top: 0; height: 6px; background: transparent; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,transparent),color-stop(1,rgba(0,0,0,0.1))); background: -ms-linear-gradient(bottom,transparent,rgba(0,0,0,0.1)); background: -moz-linear-gradient(center bottom,transparent 0%,rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(rgba(0,0,0,0.1),transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.1)', endColorstr='transparent', GradientType=0); background: transparent; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,transparent),color-stop(1,rgba(0,0,0,0.1))); background: -ms-linear-gradient(bottom,transparent,rgba(0,0,0,0.1)); background: -moz-linear-gradient(center bottom,transparent 0%,rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(rgba(0,0,0,0.1),transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.1)', endColorstr='transparent', GradientType=0); content: ''; } .slimScrollDiv:after { position: absolute; width: 100%; left: 0; bottom: 0; height: 6px; background: transparent; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.1)),color-stop(1,transparent)); background: -ms-linear-gradient(bottom,rgba(0,0,0,0.1),transparent); background: -moz-linear-gradient(center bottom,rgba(0,0,0,0.1) 0%,transparent 100%); background: -o-linear-gradient(transparent,rgba(0,0,0,0.1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0,0,0,0.1)', GradientType=0); background: transparent; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.1)),color-stop(1,transparent)); background: -ms-linear-gradient(bottom,rgba(0,0,0,0.1),transparent); background: -moz-linear-gradient(center bottom,rgba(0,0,0,0.1) 0%,transparent 100%); background: -o-linear-gradient(transparent,rgba(0,0,0,0.1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0,0,0,0.1)', GradientType=0); content: ''; } .own_profile { margin-bottom: 0 !important; } .own_profile a.profile { font-weight: bold; font-size: 1.15em; color: #333; letter-spacing: -0.01em; } .own_profile a.profile:focus, .own_profile a.profile:hover { color: #2AA4DD; } .own_profile a.profile img.smallAvatar { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .own_profile a.profile span { float: left; margin-left: 0.5em; } .own_profile a.profile span small { color: #999; display: block; font-size: 11px; font-weight: normal; text-shadow: 0 1px 0 #fff; line-height: 1.1; letter-spacing: 0; } .own_profile .counters { margin-top: 1em; border-top: 1px solid #eee; } .own_profile .counters ul { margin: 0 !important; margin-left: 10px; } .own_profile .counters li { position: relative; display: inline-block; text-align: center; border-right: 1px solid #eee; padding: 1em 0 0.5em; } .own_profile .counters li.last { margin-right: 0; padding-right: 0; border-right: none; } .own_profile .counters li a { width: 5.5em; font-weight: 100; color: #999; font-variant: small-caps; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .own_profile .counters li a span { display: block; font-size: 1.25em; font-weight: bold; line-height: 0.9; color: #333; } .own_profile .counters li a:hover, .own_profile .counters li a:focus, .own_profile .counters li a:hover span, .own_profile .counters li a:focus span { color: #2AA4DD; } div.app { margin-top: 1em; min-height: 110px; } div.app img.thumb { width: 90px; height: 90px; float: left; } div.app a.action.button { float: right; color: #878787; background-color: #E8E8E8; font-size: 0.9em; text-shadow: 0 1px 0 rgba(255,255,255,0.5); margin-top: 0; } div.app a.action.button:hover, div.app a.action.button:focus { background-color: #d8d8d8; color: #444; } div.app div.content { margin-left: 1em; display: inline-block; } div.app div.content h5 { font-weight: bold !important; } div.app div.content p { color: #555; margin-bottom: 0.5em; } div.app div.content p.small { font-size: 0.9em !important; color: #888; text-shadow: none; } .create_app { float: right; } a.button.newApp { font-size: 0.9em; margin-top: 1.5em; display: inline-block; } table.profile th { min-width: 8em; } div.apps { margin-bottom: 2em; } div.apps h3 { line-height: 2; margin-bottom: 1em; } div.apps h4 { line-height: 2; } #profilepic { width: 90px; height: 90px; display: inline-block; float: left; margin-right: 2em; } div.apiTerms { margin: 3em 0 4em; } div.apiTerms .box { font-size: 1em; background-color: #ddd; border: 1px solid #aaa; height: 120px; overflow: auto; padding: 1em 2em; margin: 0 0 2em; text-shadow: none; color: #666; font-weight: normal; } div.apiTerms ul { list-style: disc outside none; } .apidetails input { border: 1px solid #dadada; background-color: #FBFBFB; color: #667A42 !important; } p.conf { background-color: #ffd5d5; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; padding: 0.4em 0.7em; } #toTop { text-decoration: none; position: fixed; bottom: -90px; right: 10px; overflow: hidden; width: 51px; height: 51px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background: #eee; border: 1px solid #bbb; -webkit-box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 4px rgba(0,0,0,0.2); box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 4px rgba(0,0,0,0.2); box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 4px rgba(0,0,0,0.2); text-shadow: 0 1px #FFFFFF; -webkit-transition: all bottom 250ms ease-in-out 0s ease-out; -moz-transition: all bottom 250ms ease-in-out 0s ease-out; -o-transition: all bottom 250ms ease-in-out 0s ease-out; transition: all bottom 250ms ease-in-out 0s ease-out; -webkit-transition: bottom 250ms ease-in-out 0s; -moz-transition: bottom 250ms ease-in-out 0s; -ms-transition: bottom 250ms ease-in-out 0s; -o-transition: bottom 250ms ease-in-out 0s; transition: bottom 250ms ease-in-out 0s; -webkit-transition: all bottom 250ms ease-in-out 0s ease-out; -moz-transition: all bottom 250ms ease-in-out 0s ease-out; -o-transition: all bottom 250ms ease-in-out 0s ease-out; transition: all bottom 250ms ease-in-out 0s ease-out; -webkit-transition: bottom 250ms ease-in-out 0s; -moz-transition: bottom 250ms ease-in-out 0s; -ms-transition: bottom 250ms ease-in-out 0s; -o-transition: bottom 250ms ease-in-out 0s; transition: bottom 250ms ease-in-out 0s; color: #222; font-size: 1.1em; font-weight: bold; padding: 15px 10px 0; line-height: 1.3; } #toTop:active, #toTop:focus { outline: none; } #toTop:focus, #toTop:hover { background-color: #F4F4F4; color: #000; } #imagegrid { position: relative; display: block; } #imagegrid ul { position: relative; float: left; clear: both; list-style-type: none; z-index: 10; margin: 20px 0 30px 0; padding: 0; width: 740px; } #imagegrid li { position: relative; float: left; width: 148px; height: 127px; } #imagegrid span { display: block; position: absolute; background: url(/css/images/temp/creative-comm.png); z-index: 100; top: 20px; left: 0; width: 740px; height: 381px; } div#team-members { position: relative; float: left; clear: both; margin: 10px 0; } div#team-members ul { width: 740px; list-style-type: none; margin: 0; padding: 0; position: relative; float: left; clear: both; } div#team-members ul >li { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: white; position: relative; float: left; clear: both; padding: 0; margin: 0 0 20px 0; } div#team-members ul >li .member-info, div#team-members ul >li .member-avatar { position: relative; float: left; display: inline-block; width: 500px; padding-top: 30px; } div#team-members ul >li .member-avatar { width: 200px; padding-top: 0; } div#team-members ul >li img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } div#team-members ul >li h3 { color: #cd9100; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 25px; line-height: 50px; } div#team-members ul >li .member-social a { display: inline-block; width: 26px; height: 26px; text-indent: -9999px; margin: 0 5px; } div#team-members ul >li .social-tw { background: url(/css/images/temp/team-icons.gif) 0 0; } div#team-members ul >li .social-tw:hover { background: url(/css/images/temp/team-icons.gif) 0 -26px; } div#team-members ul >li .social-fb { background: url(/css/images/temp/team-icons.gif) -26px 0; } div#team-members ul >li .social-fb:hover { background: url(/css/images/temp/team-icons.gif) -26px -26px; } div#team-members ul >li .social-vz { background: url(/css/images/temp/team-icons.gif) -52px 0; } div#team-members ul >li .social-vz:hover { background: url(/css/images/temp/team-icons.gif) -52px -26px; } div#team-members ul >li ol { list-style-type: none; margin: 0 !important; padding: 0 ! important; } div#team-members ul >li ol li { margin: 0; padding: 0; display: block; } div#team-members ul >li ol li.member-website { font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; text-transform: lowercase; font-size: 18px; line-height: 50px; } div#team-members ul >li ol li.member-website a { font-weight: normal !important; text-decoration: none; color: #2aa4dd; } div#team-members ul li:nth-child(odd) h3 { text-align: left; margin-left: 20px; } div#team-members ul li:nth-child(odd) li.member-social { position: absolute; top: 35px; right: 40px; } div#team-members ul li:nth-child(odd) li { text-align: left; } div#team-members ul li:nth-child(odd) li.member-text { border-bottom: 1px solid #DEDEDE; margin: 10px 40px 0 20px; } div#team-members ul li:nth-child(odd) li.member-website { margin-left: 20px; } div#team-members ul li:nth-child(odd) .member-avatar { padding: 30px 15px 30px 25px; } div#team-members ul li:nth-child(odd) img { -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -o-transform: rotate(355deg); -ms-transform: rotate(355deg); transform: rotate(355deg); -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -o-transform: rotate(355deg); -ms-transform: rotate(355deg); transform: rotate(355deg); -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -o-transform: rotate(355deg); -ms-transform: rotate(355deg); transform: rotate(355deg); -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -o-transform: rotate(355deg); -ms-transform: rotate(355deg); transform: rotate(355deg); } div#team-members ul li:nth-child(even) h3 { text-align: right; margin-right: 20px; } div#team-members ul li:nth-child(even) li.member-social { position: absolute; top: 35px; left: 40px; } div#team-members ul li:nth-child(even) li.member-text { border-bottom: 1px solid #DEDEDE; margin: 10px 20px 0 40px; } div#team-members ul li:nth-child(even) li.member-website { text-align: right; margin-right: 20px; } div#team-members ul li:nth-child(even) .member-avatar { padding: 30px 25px 30px 15px; } div#team-members ul li:nth-child(even) img { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } div#team-collabs ul { list-style-type: none; position: relative; float: left; width: 740px; margin: 0; padding: 0; } div#team-collabs ul li { width: 200px; margin: 0 25px 20px 20px; position: relative; float: left; padding: 0; } div#team-collabs ul li h4 { color: #cd9100; font-weight: normal; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px; line-height: 40px; } div#team-collabs ul li img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 10px 0; } div#team-thankyou { position: relative; float: left; width: 740px; margin-bottom: 20px; } div#team-thankyou h4 { color: #cd9100; font-weight: normal; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px; line-height: 40px; margin-bottom: 10px; } div#team-thankyou ul { list-style-type: disc; } #mascot_social img { margin-top: -1em; } #magnify_button img { margin-left: -16px; } #magnify_text { margin-top: 4em; } #button_active { margin-top: -5em; margin-left: 1px; } #button_active_text { clear: both; margin-top: 2em; } .favicon.firefox { background: url("/css/images/firefox_extension_icon_min.png") no-repeat left center transparent; } .favicon.chrome { background: url("/css/images/chrome_extension_icon_min.png") no-repeat left center transparent; } .favicon.crossbrowser { background: url("/css/images/crossbrowser_extension_icon_min.png") no-repeat left center transparent; } .favicon.mobilesafari { background: url("/css/images/apple_icon_min.png") no-repeat left center transparent; } .favicon.chrome_mobile { background: url("/css/images/chrome_mobile_icon_min.png") no-repeat left center transparent; } .favicon.addons { background: url("/css/images/addons_icon_min.png") no-repeat left center transparent; } pre { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; line-height: 20px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 85%; height: 85%; } #external_frameid { padding: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } .iframe_top { margin-top: 154px; } #close_button, .close_button { display: block; position: absolute; top: 5px; right: 6px; height: 0; width: 20px; padding: 20px 0 0 0; overflow: hidden; background: #565656; border: 1px solid #787878; color: #d2d2d2; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; text-shadow: none; } .close_button:before { content: "\D7"; display: block; text-align: center; width: 20px; position: absolute; top: -2px; left: 0; font-size: 20px; line-height: 20px; font-family: "Helvetica Neue", Consolas, Verdana, Tahoma, Calibri, Helvetica, Menlo, "Droid Sans", sans-serif; } .close_button span { display: none; } .close_button:hover, .close_button:focus { border: 1px solid #999; color: #bbb; } #related_external { display: block; clear: both; width: 100%; } #related_external a { padding: 0; margin: 7px 3px 10px; border: 4px solid rgba(0,0,0,0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all border 300ms ease-out; -moz-transition: all border 300ms ease-out; -o-transition: all border 300ms ease-out; transition: all border 300ms ease-out; -webkit-transition: border 300ms; -moz-transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms; transition: border 300ms; -webkit-transition: all border 300ms ease-out; -moz-transition: all border 300ms ease-out; -o-transition: all border 300ms ease-out; transition: all border 300ms ease-out; -webkit-transition: border 300ms; -moz-transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms; transition: border 300ms; } #related_external a:hover, #related_external a:focus { border: 4px solid #70CDFF; } #related_external a img { margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } body.iframe .topbar .fill { -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.75), inset 0 -1px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.75), inset 0 -1px 10px rgba(0,0,0,0.9); box-shadow: 0 0px 15px rgba(0,0,0,0.75), inset 0 -1px 10px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.75), inset 0 -1px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.75), inset 0 -1px 10px rgba(0,0,0,0.9); box-shadow: 0 0px 15px rgba(0,0,0,0.75), inset 0 -1px 10px rgba(0,0,0,0.9); } #fade { display: none; background-color: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .70; z-index: 1000000; overflow: hidden; } #popupBlock { display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 1000001; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 10px solid #fff; background-color: #fff; } *html #fade { position: absolute; } *html #popupBlock { position: absolute; } .cycle { position: relative; overflow: auto; } .cycle li { list-style: none; } .cycle ul li { float: left; } .label, .badge { display: inline-block; padding: 0.1em 0.4em; font-size: 11px; font-weight: bold; line-height: 1.3em; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #999; } .label.big, .badge.big { font-size: 14px; } .label.plus, .badge.plus { background-color: #d92323; color: #fff !important; text-shadow: 0 0 !important; font-size: 10px; vertical-align: top; margin-top: 2px; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } a.label:hover, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #B94A48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #F89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3A87AD; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .plus_badge { position: absolute; right: 0; top: 0; display: block; width: 70px; height: 70px; background: url(/css/images/PLUS_big_badge.png) no-repeat center center transparent; z-index: 2; } .plus_badge span { display: none; } .plus_badge.small { background: url(/css/images/PLUS_small_badge.png) no-repeat center center transparent; width: 53px; height: 53px; } .topbar .profile .label.plus { font-size: 10px; } li.xfolkentry .label.plus { font-size: 8px; padding: .1em .6em; position: absolute; margin-left: 5px; margin-right: 3px; margin-top: 4px; -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } li.xfolkentry:focus .label.plus, li.xfolkentry:hover .label.plus { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .label.plus.superindex, #logo .label.plus { background-color: #308DAB; box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset, -1px -1px 1px rgba(255,255,255,0.1) inset; color: rgba(0,0,0,0.9) !important; font-size: 9px; padding: 0.1em 0.6em; position: absolute; text-shadow: 1px 1px 0 rgba(255,255,255,0.15) !important; top: 1px; right: 5px; letter-spacing: 0; } .users .user h5 .label.plus { margin-top: 6px; margin-left: 10px; } .relatedusers .label.plus { margin-left: 5px; margin-top: 3px; } .navsidebar .label.plus { margin-left: 3px; } .commentsArea .label.plus { vertical-align: text-bottom; } #addComment .label.plus { position: absolute; display: block; width: 36px; margin-left: 7px; text-align: center; } table.profile .label.plus { margin-left: 3px; margin-top: -1px; vertical-align: middle; } .upgradeplus { display: block; font-weight: normal; } .upgradeplus h3 { font-weight: bold !important; color: #555 !important; } .upgradeplus span.text { color: #555; font-size: 14px; } .upgradeplus span.button { text-align: center; margin: 1.5em auto 0; background-color: #D92323; width: 35%; } h2.superindex { width: auto; position: relative; font-weight: bold; font-size: 2.5em; color: #333; text-align: center; margin-top: .5em; } h2.superindex .label.plus.superindex { color: #fff !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.65) !important; right: inherit; top: 8px; margin-left: 2px; } .syncbutton { background-color: #FFEA87; background-image: url(/css/images/social/dropbox.png); background-position: 11px center; background-repeat: no-repeat; color: #737373; float: none; font-weight: normal; padding: 0.75em 0.75em 0.75em 36px; text-shadow: 1px 1px 0 rgba(255,255,255,0.79); } .syncbutton:hover, .syncbutton:focus { color: #333; } .blocked_farm { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background-color: #C9B97B; display: table-cell; vertical-align: middle; color: #111; font-size: 1.2em; overflow: scroll; text-align: justify; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); } .blocked_farm ul { text-align: justify; width: 90%; margin: 0.5em auto; } .blocked_farm ul li { list-style-type: disc; } .blocked_farm a, .blocked_farm a:hover, .blocked_farm a:focus { color: blue; text-decoration: underline; font-weight: normal; } span.progress { color: green; } .qq-upload-drop-area { position: relative; width: 99%; height: 100%; min-height: 70px; z-index: 2; text-align: center; background-color: #fff; border: 5px solid #fff; font-weight: bold; min-height: 240px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; display: block; margin-bottom: 2em; } .qq-upload-drop-area:hover, .qq-upload-drop-area:focus { border-color: rgba(0,0,0,0.1); } .qq-upload-drop-area span.message { text-indent: -99999px; background-image: url(/css/images/dropzone/spritemap.png); background-repeat: no-repeat; background-position: 70px -287px; position: absolute; width: 428px; height: 123px; margin-left: -214px; margin-top: -61.5px; top: 50%; left: 50%; } ul.years { margin-left: 0 !important; } ul.years li { margin-bottom: 0.5em; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } ul.years li a { background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; color: #222; display: block; font-size: 1.5em; font-weight: 100; margin: 0; padding: 0.2em 0.5em; text-align: center; } ul.years li ul.months { margin: 1em 0 !important; } ul.years li ul.months li { margin: 0.5em 2em; } ul.years li ul.months li a { background-color: #787878; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.54); } * { margin: 0; padding: 0; } .popup { background: #e6feff; background: -moz-linear-gradient(185deg,#e6feff 0%,#b0f0f9 100%); background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#e6feff),color-stop(100%,#b0f0f9)); background: -webkit-linear-gradient(185deg,#e6feff 0%,#b0f0f9 100%); background: -o-linear-gradient(185deg,#e6feff 0%,#b0f0f9 100%); background: -ms-linear-gradient(185deg,#e6feff 0%,#b0f0f9 100%); background: linear-gradient(185deg,#e6feff 0%,#b0f0f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6feff',endColorstr='#b0f0f9',GradientType=1); margin: 0; padding: 0; overflow: hidden; z-index: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100%; height: 100%; } aside.modal { position: relative; float: left; width: 50%; height: 100%; z-index: 20; } #slideshow { display: block; background: url(/css/images/app/app_hand.png) bottom left no-repeat; position: absolute; left: 0; bottom: 0; margin: 0 auto; z-index: 50; width: 100%; height: 100%; } section.modal { float: right; margin-top: 13%; width: 50%; } section.modal .download { margin-right: 2em; } section.modal .download .bigButton { font-size: 1.6em; display: block; padding: 1em 1em 1em 4em; background: url("/css/images/app/favicon.png") no-repeat scroll 4% center rgba(12,149,203,0.69); } section.modal .download .bigButton span.small { display: block; font-size: 0.7em; text-shadow: none; font-weight: normal; } section.modal .continue { margin-top: 7em; } section.modal .continue .button { font-size: 1em; padding: 1em; color: #777; background-color: #ddd; text-shadow: none; }