/* COMMON STYLES */
/*html { height: 100%; }*/
html * { margin:0; }
body { height:100%; font-size:12px; font-family: 'Helvetica Neue',helvetica,arial,sans-serif; color:#666; }
body {
background: #7B9BC2;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #042585),
color-stop(.7, #7B9BC2)
) no-repeat #7B9BC2;
background: -moz-linear-gradient(
center top,
#042585 0%,
#7B9BC2 70%
) no-repeat #7B9BC2;
/*-pie-background: linear-radient(rgb(84,88,118), rgb(146,149,165));*/
}
/*.ie-fix { behavior: url(http://www.rippleq.com/public/behaviors/PIE.htc); }*/
textarea { font-family:Arial, Helvetica, sans-serif; }
#wrapper { width: 952px; margin: 0 auto; }
#header { height: 60px; margin: 10px; z-index:1; }
#logo { position: relative;}
#logo h1 { float:left; }
#logo h1 a { background: url('../images/new/logo-inverted-small.png') no-repeat; display:block; width:188px; height:60px; border:0; text-indent:-9999px; }
#logo h1 a:hover { border:0; }
#logo ul h4 a { width: auto; }
#logo #inner_community_nav a { background-image: none; }
#logo #inner_community_nav .profile-thumb-indent a { text-indent: 0; height: auto; }
/* DEFAULT COLORS */
.primary-bg { background-color: #425AA3; }
.primary-fg { color: #425AA3; }
.accent-bg { background-color: #f8960b; }
.accent-fg { color: #f8960b; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin-bottom:.1em; color: #444; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:bold; display:block; border-bottom:1px dotted transparent; outline:0; }
h1 small a, h2 small a, h3 small a, h4 small a, h5 small a, h6 small a { display:inline; font-weight:normal; }
#content h1 { font-size:24px; color:#332c76; margin-bottom:.5em; }
#content-container h1 { font-size:32px; }
h2 { font-size:28px; color:#444; }
h2 small { font-size:.6em; vertical-align:top; line-height:2em; }
h3 { font-size:24px; margin-bottom:.2em; }
h4 { font-size:18px; }
h5 { font-size:15px; }
h6 { font-size:13px; }
.section-heading { border-bottom:1px solid #eee; padding-left:4px; padding-bottom:2px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#555; }
h3.section-heading { margin-top:2em; }
/* BUTTONS */
button, .btn { text-shadow:1px 1px 1px white; background:url(/public/images/buttons/bg.gif) repeat-x #ddd; text-decoration:none; color:#666; cursor:pointer; padding:.5em 1em; border:1px solid; border-color: #ddd #ddd #ccc; line-height:14px; -moz-border-radius:4px; -webkit-border-radius:4px; }
button::-moz-focus-inner, .btn::-moz-focus-inner { border:0; }
button:hover, .btn:hover, button.clicked { border-color: #999 #999 #888; color:#444; text-decoration:none; }
.clicked, .btn-disabled, .btn-disabled:hover { outline:0pt none; background-image: none; border:1px solid #ddd; color:#999; cursor:default; }
button.btn-actions { width: 36px; }
button.btn-actions i { background:url(/public/images/buttons/sprites.png) no-repeat; display:block; width:22px; height:13px; margin-bottom:1px; }
button.close-button { border:0; background: none; color:#777da7; font-family:Arial,sans-serif; font-size:16px; height:14px; padding:0; margin:-2px 0 0; font-weight:bold; }
button.close-button b { display:block; width:12px; height:12px; margin:2px; background:url(/public/images/buttons/sprites.png) no-repeat -32px 0; }
button.small,
a.btn.small { font-size:10px; padding:2px 4px; }
button.big,
a.btn.big { font-size:16px; }
button.link_button { text-shadow:1px 1px 1px rgba(0,0,0,.3); text-decoration:none; font-weight:bold; display:block; padding:3px 7px; font-size:14px; background-image: none; color:white; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
.notification_count {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
background-color: #CC2233;
border: 1px solid #7A141E;
color: #FFFFFF;
font-weight: bold;
}
input.close-button { background:none; border:0; visibility:hidden; font-weight:bold; color:#666; }
.has-value input.close-button { visibility:visible; }
.list-item input.close-button { color:#aaa; }
.list-item.hover input.close-button { color:#666; }
.list-item input.close-button:hover { color:#444; }
/* MENUS */
.menu { z-index:1000; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); list-style-type:none; display:none; position:absolute; right: 2px; top: 24px; background-color: white; width:150px; border: 1px solid #999; padding: 4px 0; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); }
.menu dd.border-bottom { border-bottom:1px dotted #ccc; }
.menu dd.border-top { border-top:1px dotted #ccc; }
.menu dt { text-align:left; border-top:1px dotted #ccc; padding:4px 8px; font-weight:bold; }
.menu .indent { margin:0; }
.menu .indent a { padding-left:20px; }
.menu a { text-align:left; display:block; padding:4px 20px; color:#666; }
.menu a:hover { background-color: #666; color:white; text-decoration:none; }
#nav { float:right; margin:18px 30px 0 0; background-color:#f3f3f3; -moz-border-radius:12px; -webkit-border-radius:12px; }
/*navigatino elements*/
.main_nav ul#community_nav { float: left;}
.main_nav ul#community_nav li ul#inner_community_nav { left: 20px; top: 50px; }
.main_nav ul li ul#nav_links { left: 0px; width: 150px; }
.main_nav ul { list-style-type:none; padding:0 10px; position:relative; z-index: 3500;}
.main_nav ul li { float:left; margin:0 12px; }
.main_nav ul li a.nav-tab { color:#444; text-decoration:none; display:inline-block; padding:6px; font-size:12px; }
.main_nav ul small a { display:inline; font-size:9px; padding:0; }
.main_nav ul li a:hover { text-decoration:underline; }
.main_nav ul li a.button:hover { text-decoration: none; }
.main_nav ul li table,
.main_nav ul li ul { display:none; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); width:358px; border:10px solid; border-color:rgba(68, 92, 164, .7); border-collapse:collapse; z-index:1000; position:absolute; right:0; top:27px; }
.main_nav ul ul ul { -moz-box-shadow: none; }
.main_nav ul li div { display:none; }
.main_nav ul li.selected table,
.main_nav ul li.selected ul,
.main_nav ul li.selected div { display:block; }
.main_nav ul li table th { text-align:left; width:278px; padding:4px 0; background-color:white; }
.main_nav ul li table td { font-size:14px; width:278px; padding:4px 0; font-weight:bold; }
.main_nav ul li table th.col,
.main_nav ul li table td.col { text-align:center; width:40px; }
.main_nav ul li table a { display:block; padding:4px; }
.main_nav ul li table.search { width:420px; }
.main_nav ul li table.search td { display:block; padding:5px; background-color:white; }
.main_nav ul li ul { list-style-type:none; padding:0; }
.main_nav ul li ul li { margin:0; float:none; }
.main_nav ul li ul .fr { float:right; }
.main_nav ul li ul .fl { float:left; }
.main_nav ul li ul ul { position:relative; left:0; top:0; border:0; width:auto; display:inline; }
.main_nav ul li ul ul#search_results { border-top:4px solid #eee; display:none; max-height:400px; overflow:auto; }
ul.search span.loading { display:none; height:24px; width:24px; background:url(../images/ajax-loader.gif) no-repeat; position:absolute; right:10px; top: 14px; }
.main_nav ul li ul.search { width:500px; }
.main_nav ul ul li.sep { height:0px; border-bottom:4px solid #d0d0d0; margin: 0; padding: 0; line-height: 0; font-size: 0;}
.main_nav ul.search li { background-color:white; }
.main_nav ul li ul.search input.text,
body .text-large { width:464px; font-size:20px; margin-bottom:6px; }
body .text-small { font-size:10px; padding:3px 6px; }
#main { min-height:600px; background-color:white; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative; -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
#top { position:relative; min-height:86px; padding:13px 13px 27px 13px; background: #ededed url('../images/site/header-bg.gif') bottom repeat-x; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; }
#top h2 { font-size:28px; color:#555; font-weight:bold; white-space: nowrap; overflow: hidden; margin-right:10px; }
#top h2 a:hover { text-decoration:none; border-bottom:1px dotted #ccc; }
.user-details #info { margin-right:50px; }
.profile-pic { width:98px; height:98px; border:1px solid #efefef; text-indent:-9999px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.profile-pic a { display:block; width:100px; height:100px; }
.profile-pic-indent { margin-left:113px; }
.profile-thumb { width:48px; height:48px; border:1px solid #fff; text-indent:-9999px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.profile-thumb a { display:block; width:50px; height:50px; }
.profile-thumb-indent { margin-left:60px; }
.profile-icon img,
img.profile-icon { width: 30px; height:30px; vertical-align:middle; border:1px solid #fff; }
.profile-icon-indent { margin-left:36px; }
#tabs { position:absolute; bottom:0; left: 126px; }
#tabs ul { list-style-type:none; padding:0; }
#tabs ul li { float:left; margin-right:10px; padding-top:2px; }
#tabs ul li a { position: relative; display:block; padding:10px 16px 11px 16px; font-size:14px; line-height:14px; text-shadow:1px 1px 2px white; color:#999; background:url('../images/site/tab-off-bg.gif') repeat-x; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; }
#tabs ul li a:hover { color:#666; text-decoration:none }
#tabs ul li.selected { background:url('../images/site/nav-selected-left.gif') no-repeat; padding:0; }
#tabs ul li.selected a { background:url('../images/site/nav-selected-right.gif') center right no-repeat; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); cursor:default; color:#444; font-weight:bold; padding:14px 24px 9px 24px; -moz-border-radius:0; -webkit-border-radius:0; outline:0; }
#tabs ul li.selected a:hover { text-decoration:none; }
#tabs ul li .notification_count {
font-size: 11px;
left: 100%;
margin-left: -20px;
padding: 2px 4px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 0 #7A141E;
top: -2px;
}
#tabs ul li.selected .notification_count { top:0; }
#content { padding:8px 20px 20px 20px; position:relative; min-height:600px; }
#footer { margin:15px 0 45px 0; }
#footer p {
background-color: #F3F3F3;
padding: 5px 25px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color:#000;
}
#footer a {
color:#000;
}
#footer a:hover {
text-decoration: underline;
}
.success { color:#44AA22; }
.error { color:#CC0000; }
label.error { margin: auto 5px; border-bottom: none; }
hr { height:1px; border:0; border-top:1px solid #eee; color:#eee; margin:10px; }
.default,
body #wrapper .default { font-style:italic; color:#999; }
.green { color:#f8960b; }
.white-fg { color:white; }
.required { color:#aa0000; font-weight:bold; }
.gray { color:#666; }
.new { color:red; font-weight:normal; }
.hidden { display:none; }
.fl { float:left; }
.fr { float:right; }
.alignleft { text-align:left; }
.alignright { text-align:right; }
.clear { clear:both; }
p.clear { height:1px; }
.uc { text-transform:uppercase; }
.nowrap { white-space:nowrap; }
.block { display:block; }
.center { text-align:center; }
.centered { margin-left:auto; margin-right:auto; }
.centered-block { display:block; width:600px; margin:0 auto; }
.abs { position:absolute; }
.bold { font-weight:bold; }
.underline { text-decoration:underline; }
a.underline:hover { text-decoration:none; }
.ucase { text-transform: uppercase; }
body #wrapper .nounderline { text-decoration:none; }
.border-bottom { border-bottom:1px dotted #aaa; }
.alert, .alert a { color:#cc0000; font-size:12px; font-weight:bold; }
.alert a:hover, a.alert:hover { color:#ff0000; text-decoration:underline; }
td.meta { width:150px; }
body #wrapper .disabled,
.jqmWindow .disabled { background-color:#ccc; color:#888; cursor:default; outline:0pt none; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5)}
.disabled-link,
.disabled-text { color:#999; text-decoration:none; font-weight:normal; cursor:default; }
.meta { color:#425AA3; }
body #wrapper .inline { display:inline; }
.action-links { font-size:10px; margin-top:1em; }
.action-links a { color:#999; }
thead span,
.col-heading { font-size:12px; border-bottom:1px dotted #aaa; color:#999; line-height:1.4em; }
a.col-heading.button { border-bottom:0; }
a.col-heading:hover { border-bottom:0;}
thead tr.heading th { padding-bottom:2px; font-size:10px; }
body #wrapper .nopadding { padding: 0; }
body #wrapper .padded { padding: 5px; }
body #wrapper .padded-less { padding: 2px; }
body #wrapper .padded-more { padding:10px; }
body #wrapper .padded-most { padding:20px; }
body #wrapper .padded-left { padding-left: 5px; }
body #wrapper .padded-most-left { padding-left:20px; }
.indent { margin-left: 5px; }
.indent-more { margin-left:10px; }
.indent-most { margin-left:20px; }
body #wrapper .nomargin,
.jqmWindow .nomargin { margin:0; }
body #wrapper .margined-bottom-only,
.jqmWindow .margined-bottom-only { margin:0 0 10px 0; }
body #wrapper .margined { margin: 5px; }
body #wrapper .margined-more { margin:10px; }
body #wrapper .margined-most { margin:20px; }
body #wrapper .margined-left { margin-left:10px; }
.minheight-small { min-height:150px; }
body #wrapper .vtop { vertical-align:top; }
body #wrapper .vmiddle,
body .jqmWindow .dialog-wrapper .vmiddle { vertical-align:middle; }
/* ASTHETICS */
body #wrapper .corner-all,
body .jqmWindow .corner-all { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
body #wrapper .corner-top,
body .jqmWindow .corner-top { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
body #wrapper .corner-bottom,
body .jqmWindow .corner-bottom { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
body #wrapper .corner-tr,
body .jqmWindow .corner-tr { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
body #wrapper .corner-tl,
body .jqmWindow .corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
body #wrapper .corner-br,
body .jqmWindow .corner-br { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
body #wrapper .corner-bl,
body .jqmWindow .corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.shadowed {-moz-box-shadow:0 0 20px rgba(0,0,0,.2); -webkit-box-shadow:0 0 20px rgba(0,0,0,.2); border-color:#aaa; }
/* LEVEL */
#level { position: relative; width: 300px; }
#level b { display: block; float: left; font-size: 14px; padding:3px 5px 0 0; text-align:right; width:90px; }
#level .points-wrapper { height:20px; overflow: hidden; position:relative; width: 200px; border: 1px solid #aaa; background:url("/public/images/buttons/bg.gif") repeat-x; }
#level .points-wrapper span.points-current { position: absolute; top:3px; left:7px; }
#level .points-wrapper span.points-needed { position: absolute; top:3px; right:7px; }
#level .points-wrapper div { float:right; height: 20px; background: #ddd; border-left:1px solid #aaa; }
/* PROFILE COMPLETION */
#profile_completion { position: absolute; width: 300px; right: 20px; top: auto; }
#profile_completion b { display: block; float: left; font-size: 14px; padding:3px 5px 0 0; text-align:right; width:90px; }
#profile_completion .completion-wrapper { margin: 6px 0 4px 0; height:20px; overflow: hidden; position:relative; width: 200px; border: 1px solid #aaa; background:url("/public/images/buttons/bg.gif") repeat-x; }
#profile_completion .completion-wrapper span.completion-current { position: absolute; top:3px; left:7px; }
#profile_completion .completion-wrapper span.completion-needed { position: absolute; top:3px; right:7px; }
#profile_completion .completion-wrapper div { float:right; height: 20px; background: #ddd; border-left:1px solid #aaa; }
/* FORMS */
.text { font-size:14px; background:url('/public/images/textbg.jpg') repeat-x #fff; padding:6px 12px; color:#666; border:1px solid #ddd; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; }
.text:focus { -moz-box-shadow:0 0 20px rgba(0,0,0,.2); -webkit-box-shadow:0 0 20px rgba(0,0,0,.2); border-color:#aaa; }
.text.disabled { background-image:none; border-color:#aaa; }
input.hide { border:none; background: transparent; padding:0; margin:0; color:#666; }
form label { font-size:14px; border-bottom:1px dotted #666; }
label.small { width:50px; display:block; font-size:12px; }
label.column { width:70px; display:block; float:left; margin: 5px 10px 0 0; font-size:14px; border:0; text-align:right; }
fieldset { margin-bottom:20px; }
fieldset legend { text-transform:uppercase; font-size:14px; font-weight:bold; }
#config .form_button { margin: auto 5px; }
/* FEEDBACK */
#feedback { position:fixed; bottom:0; right:10px; max-width:300px; }
#feedback form { color:#777; font-weight:bold; padding:20px; border:1px solid #ccc; z-index:1000; margin-top:0; margin-bottom:0; }
#feedback .container { -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); }
#feedback .button { background-color:#f8960b; padding:8px 18px; font-size:16px; color:white; font-weight:bold; display:block; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
#feedback .button:hover { text-decoration:underline; }
#feedback textarea,
#feedback input { width:200px; }
#feedback label { margin-bottom: 0.5em; border:0; font-size:13px; display:block; }
/* LISTS */
ul.reset { padding:0; list-style-type:none; }
tr.list-item td,
.list-item { background-color:#ffffff; position:relative; border-top:1px solid transparent; }
tr.list-item-alt td,
.list-item-alt { background-color:#f6f6f6; border-bottom:1px solid #eee; border-top:1px solid #eee; position:relative; }
tr.list-item td { padding:8px; font-size:13px; }
tr.list-item td.status { background:url(/public/images/icons/admin/read.png) no-repeat 10px 25px; width:20px; padding-left:30px; }
tr.Unread td { background-color:#F2F9FF; }
tr.Unread td.status { background:url(/public/images/icons/admin/unread.png) no-repeat 10px 52% #F2F9FF; }
.hover,
#action_list li.hover,
.hover .list-item,
tr.hover td,
body #wrapper tr.hover td.status { background-color:#f0f0f0; }
tr.hover td .container td { background:none; }
tr.hover .list-item.hover { background-color: white; }
.list-item.hover .profile-pic,
.list-item.hover .profile-thumb,
.list-item.hover .profile-icon img { border:1px solid #ddd; -moz-box-shadow:0 0 10px rgba(0,0,0,.1); }
#actions form { margin-bottom:6px; }
form.action-form textarea { width:500px; height:31px; float:left; }
form.action-form div.finished textarea { width:656px; }
/*.jqmWindow .container { -moz-box-shadow: none; }*/
.jqmWindow form.action-form .clear_fix { clear:both; }
.jqmWindow form.action-form textarea,
.jqmWindow form.action-form div.finished textarea { width:440px; float:right; height:80px; }
.jqmWindow form.action-form .date_container,
.jqmWindow form.action-form a.button { margin-top:8px; }
form.action-form div.finished .date_container { display:none; }
form.action-form a.button { padding: 6px; height:33px; }
form.action-form h1 { margin-bottom: .5em; }
.clear-date-link { display:none; }
.jqmWindow .date_container { }
.date_container { background-color:#ddd; padding:6px; margin-right:8px; }
.date_container a { background-color:#bbb; color:#ddd; float:left; font-size:12px; font-weight:bold; margin: 5px 6px 0 0; margin-top:5px; padding:4px; text-decoration:none; vertical-align:middle; }
.date_container a:hover { background-color:#888; color:white; }
.date_container img { height:33px; vertical-align:middle; }
.date_container input { font-size:14px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
form.action-form label { font-size:12px; display:block; float:left; width:80px; border:0; margin-left:5px; }
form.action-form .ui-datepicker-today span { text-decoration: underline; font-style:italic; }
/*form.action-form div.fl { width:670px; }*/
.actions-list li.highlight { background-color:#ffee99; }
.actions-list .first-col { width:400px; float:left; }
.actions-list .second-col { width:80px; float:left; margin-left:30px; text-align: center; }
.actions-list .third-col { width:120px; float:left; margin-left:20px; }
.actions-list .button { margin-bottom:4px; }
li.user-list-item .actions { width:150px; margin-left:10px; float:right; text-align:right; }
li.user-list-item .actions button.btn { margin-left:4px; }
li.user-list-item .duration { width:120px; margin-left:10px; float:right; text-align:center; }
li.user-list-item .funnel { width:160px; margin-left:10px; float:right; text-align:center; }
li.user-list-item .cause-categories { width:200px; margin-left:40px; float:right; text-align:center; }
li.user-list-item .personal-statement { width:310px; margin-left:20px; float:right; font-size:11px; }
li.user-list-item .personal-statement-wide { width:500px; margin-left:20px; float:right; font-size:12px; }
li.user-list-item .followers,
li.user-list-item .blitzes,
li.user-list-item .activity { width: 80px; margin-left:10px; float:right; text-align:center; }
li.user-list-item .thumb-indent { margin-right: 640px; }
.personal-statement-limiter {
line-height:1.2em;
max-height:1.2em;
overflow: hidden;
margin-right:-8px;
/* all the way right and just about all the way to the bottom */
background:url(/public/images/ellipsis.gif) no-repeat 100% 90%;
}
li.activity-block .thumb-indent .date { margin:0 0 5px 5px; background-color:#eee; padding:5px; border:1px solid #ddd; }
ul.rep-list li.user-list-item { padding-left:40px; }
ul.rep-list li.Warned { background:url(/public/images/status-warned.jpg) no-repeat #ffd6d6; min-height:70px; }
ul.rep-list li.Frozen { background:url(/public/images/status-frozen.jpg) no-repeat #d6eeff; min-height:70px; }
ul.rep-list li.Warned a.message-link,
ul.rep-list li.Frozen a.message-link { position:absolute; bottom:4px; left:46px; margin:0; }
ul.rep-list li.Warned .profile-thumb,
ul.rep-list li.Frozen .profile-thumb { margin-left:24px; }
li.blitz-list-item .actions { width:130px; margin-left:10px; float:right; }
li.blitz-list-item .recruiter { width: 80px; margin-left:10px; float:right; }
li.blitz-list-item .changemakers { width: 65px; margin-left:10px; float:right; }
li.blitz-list-item .purpose { width:330px; margin-left:10px; float:right; }
li.blitz-list-item .meta-info { width: 95px; margin-left:10px; float:right; }
li.blitz-list-item .cause-categories { width:120px; margin-left:10px; float:right; }
li.blitz-list-item .profile-pic-smaller-indent { margin-right: 480px; }
.profile-blitz-list .blitz-list-item .thumb-indent { margin-right: 170px; }
.changemaker-blitz-list .blitz-list-item .actions { width:150px; }
.changemaker-blitz-list .profile-thumb-indent { margin-right: 150px; }
.changemaker-blitz-list div.fr { width:130px; float:right; }
.changemaker-blitz-list li.blitz-list-item { margin-bottom: 10px; }
div.userheader .left-col { width:565px; }
div.userheader .right-col { width:325px; }
#requests ul li p { font-style:italic; margin-right:75px; }
#requests ul p.fr { margin:0 0 0 10px; font-style:normal; float:right; width:65px; font-size:10px; text-align:center; }
#requests ul p.fr a.button { display:inline-block; font-size:10px; padding:2px 5px; margin-bottom:3px; }
li.blitz-member .purpose { width:200px; margin-left:10px; float:right; }
li.blitz-member .profile-pic-smaller-indent { margin-right: 560px; }
ul.data-list { color:#f8960b; list-style-type:disc; list-style-position:outside; padding:0; font-size:1.4em; }
ul.data-list li { border-bottom:1px solid #EEEEEE; margin-left:20px; }
ul.three-col li { float:left; width:30%; margin: 0 3% 5px 0; font-size:1.2em; text-align:center; }
ul.three-col li a { text-decoration:none; word-wrap: break-word;}
ul.four-col li { float:left; width:23%; margin: 0 2% 5px 0; font-size:1.2em; text-align:center; }
ul.four-col li a { text-decoration:none; word-wrap: break-word;}
ul.five-col li { float:left; width:18%; margin: 0 2% 5px 0; font-size:1.2em; text-align:center; }
ul.five-col li a { text-decoration:none; word-wrap: break-word;}
/* TEXT AND HEADINGS */
p { font-size: 12px; line-height:1.2em; }
p.margined { margin-bottom:2em; }
p.margined-less { margin-bottom:8px; }
.readable { width:400px; }
.info { width:200px; }
.clean-text,
.clean-text p { line-height:1.5em; color:#666; margin-bottom:1.5em; max-width:400px; }
.clean-text-nowidth,
.clean-text-nowidth p { line-height:1.5em; color:#666; margin-bottom:1.5em; }
#content-container .clean-text,
#content-container .clean-text p { max-width:600px; }
.clean-text strong,
.clean-text p strong { color:#444; font-weight:bold; }
.font15 { font-size:15px;}
ul.autocomplete-list { position:absolute; width:200px; right:0; border:1px solid #4e516d; border-bottom:0; }
ul.autocomplete-list a { text-align:left; display:block; font-size:11px; padding:5px 8px; background-color:#425AA3; color:white; font-weight:bold; border-bottom:1px solid #4e516d; text-decoration:none; }
ul.autocomplete-list a:hover { background-color:#f8960b; color:white; }
/*
h1{color:#595959; font-family:Helvetica, Arial, Sans-Serif; font-size:2.2em; }
h2{font-size:1.9em; }
h3{font-size:1.7em; }
h4{font-size:1.5em; }
h5{font-size:1.3em; }
h6{font-size:1.2em; }
*/
/* LINKS */
a img { border:0; }
a { text-decoration:none; color:#666666; }
a:hover { text-decoration:underline; }
a.nounderline:hover { text-decoration:underline; }
a.button { text-shadow:1px 1px 1px rgba(0,0,0,.3); text-decoration:none; font-weight:bold; display:block; padding:3px 7px; font-size:14px; background-color:#f8960b; color:white; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
a.button img { height:12px; }
a.button:hover { background-color:#425AA3; }
a.button.small { font-size:10px; }
a.title:hover { text-decoration:none; }
a.title:hover .title {text-decoration:underline; }
a.smallLink{ font-size:11px; text-decoration:none; }
a.smallLink:hover {text-decoration:underline; }
/*steve*/
a.buttondead {background-color:#425AA3;}
body #wrapper a.link-black,
body .jqmWindow a.link-black { color:#666; }
body #wrapper a.link-warning:hover { background-color:red; color:white; padding:2px; text-decoration:none;}
a.button.stop_liking,
a.button.stop_following { background:none; color:#f8960b; font-size:1em; text-shadow:none; }
a.button.stop_liking:hover,
a.button.stop_following:hover { text-decoration: underline; }
.button.red { background-color:#d00; color:white; }
img.badge { margin-left:2px; vertical-align:middle; height:16px; }
/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin-bottom:.3em; display:inline-block; }*/
/* COMMON PAGE STUFF */
/*
ul.main_nav { position:absolute; right:0; top:0; list-style:none; }
ul.main_nav li { float:left; margin-right:10px; position:relative; }
ul.main_nav li.sep { color:#eee; font-size:1.6em; padding:15px 6px 0 6px; }
ul.main_nav a.nav-tab { font-size:1.3em; font-weight:bold; color:#f8960b; text-decoration:none; padding:17px 8px 8px 8px; float:left; display:block; }
ul.main_nav a.nav-tab:hover, ul.main_nav li.selected a.nav-tab { background-color:#f8960b; color:white; }
*/
ul.sub-nav { list-style-type:none; float:left; padding:0; margin-top:2px; }
ul.fr { float:right; }
ul.sub-nav li { float: left; margin-right: 4px; }
ul.sub-nav a { line-height:1em; text-decoration:none; font-weight:bold; display:block; float:left; padding:3px 7px; font-size:14px; color:#f8960b; }
ul.sub-nav a:hover { opacity:.6; filter:alpha(opacity=60); color:white; background-color: #f8960b; }
ul.sub-nav li.selected a { text-shadow:1px 1px 1px rgba(0,0,0,.2); background-color:#f8960b; color:white; }
ul.sub-nav a.small { font-size:10px; line-height:11px; }
ul.sub-nav.big a { font-size:16px; }
.dialog,
.dialog-max { width:640px; max-height:400px; overflow:auto; display:none; font-size: 14px; }
.dialog-max { width:auto; max-width:640px; min-width:400px; }
.message,
.message-solid { -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#ac3; color:white; font-size:16px; font-weight:bold; padding:10px; text-align:center; margin:10px; }
.error-message { -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#d00; color:white; font-size:16px; font-weight:bold; padding:10px; text-align:center; margin:10px; }
.message a, .error-message a { color:#332c76; }
.left-col { width:600px; margin-right:10px; float:left; }
td.left-col { width: 140px; float:none; vertical-align:top; }
.right-col { width:300px; float:right; }
.blitztop .right-col { width: 300px; margin-left:10px; margin-right:7px; }
ul.page-nav { list-style-type: none; padding:0; z-index:2; position:absolute; top:-29px;}
ul.page-nav li { float:left; margin-right:4px;}
ul.page-nav li a { margin-top:4px; float:left; display:block; padding:4px 12px; font-weight:bold; text-decoration:none; font-size:1.4em; color:white; background-color:#332c76;}
ul.page-nav li a:hover { background-color:#706b9f; }
ul.page-nav li.selected a, ul.page-nav li.selected a:hover { color:#666; background-color:white; border:1px solid #ddd; border-bottom-color:white; padding:6px 12px; margin-top:0; cursor:default;}
/*ul.page-nav li.selected a { -moz-border-radius:0; -webkit-border-radius:0; }*/
.page-container { z-index:1; padding:10px; border: 1px solid #ddd; }
.page-container iframe { border:0; width:100%; height:600px; }
.container { background:url(/public/images/container_bg.jpg) repeat-x bottom #ffffff; margin-bottom:20px; border:1px solid #ddd; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); }
.container-top { background:url(/public/images/container_bg.jpg) repeat-x top #ffffff; margin-bottom:20px; border:1px solid #ddd; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); }
/*#content .container { min-height:250px; }*/
#content-container #login-container { padding:35px 150px; }
#content-container #login-container h1 { margin-bottom:15px; }
#login-container .container { padding:15px 20px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; }
#login-container .text { width:240px; }
#login-container input.text { width:214px; margin-bottom:4px; }
#login-container button { float:right; margin-top:10px; }
#login-container .container_login_facebook,
#login-container .container_login_twitter { text-align:right; }
#content-container { padding:25px 50px; }
#content-container .section { font-size:12px; max-width:600px; margin:0 auto 2em auto; }
#content-container .section h1,
#content-container .section h2 { margin-bottom:.5em; }
#content-container ul,
#content-container ol { margin-left: 20px; margin-bottom:1em; padding-left:20px; }
#content-container li { font-size: 1em; line-height:1.2em; }
#content-container p { line-height:1.6em; margin-bottom:1.3em; }
/* IMAGES (AND CORRELATING INDENTS) */
.profile-pic-smaller { width:100px; margin:0 10px 5px 0; }
.profile-pic-smaller-indent { margin-left:110px; }
.thumb { width:50px; margin:0 5px 5px 0; }
.thumb-indent { margin-left: 60px; }
.thumb-indent-extra { margin-left: 85px; }
.icon { height:16px; vertical-align:middle; margin-right:4px; }
.icon-indent { margin-left:2.4em; }
.icon-larger { height:24px; vertical-align:middle; margin:0; margin-right: 4px; }
.icon-larger-indent { margin-left:36px; }
.icon-large { height:32px; vertical-align:middle; margin:0; margin-right: 4px; }
.icon-large-indent { margin-left:40px; }
/* MISC */
#zoom { z-index:1000; }
#home { height: 295px; position:relative; background: url('/public/images/home-top-gradient.gif') repeat-x; }
#home ul { position:absolute; }
#home li { position:absolute; background-repeat:no-repeat; width:952px; height:295px; text-indent:-9999px; display:none;
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
-khtml-border-radius-topleft: 8px; -khtml-border-radius-topright: 8px;
-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; }
#home .top { position:absolute; left:350px; top:50px; z-index:100; color:#82859a; font-size:20px; }
#home .top img { margin-left: 20px; }
#home .top a img { margin:0; }
#home .video { position:absolute; top:23px; right:16px; text-align:center; }
#steps { position:absolute; bottom:0; }
#wrapper .home-content { background:url('/public/images/site/home-bg.gif') repeat-x; min-height:70px; padding:0; }
ul.two-col li.col { float:left; width:45%; padding:0px 2%; margin:10px 0; }
ul.two-col li.border { border-right:2px dotted #ccc; }
ul.two-col li.border-left { border-left: 2px dotted #ccc; }
.home-content input.text { width:380px; font-size:18px; margin-bottom:20px; }
#table_of_contents { float:right; width:200px; margin:0 0 10px 20px; background-color:#f0f0f0; border:1px solid #ddd; padding:10px; }
#table_of_contents ol { margin-top:4px; }
#table_of_contents a { color:#444; font-size:11px; display:block; padding:2px; }
body #wrapper #table_of_contents li { margin:0; }
iframe { border:0; width:100%; height:600px; }
/*
/* lightbox */
body.lightbox div#main { min-height:0px; }
.jqmWindow iframe { height: 300px;}
body.lightbox #wrapper { width: auto;}
body.lightbox { background: none; }
.jqmWindow .close-button { outline:0pt none; z-index:4000; display:block; position: absolute; right:0; width:30px; height:30px; background:url(/public/images/closebox.png) no-repeat; text-indent:-9999px; opacity:.75; filter:alpha(opacity=75); }
.jqmWindow .close-button:hover { opacity:1; filter:alpha(opacity=100); }
#ui-datepicker-div { z-index:3001; }
body.phonebookfree\.org #logo h1 { position:absolute; left:-1000px; }
body.haiti #header { height:106px; }
body.haiti #logo h1 { padding:0; }
body.haiti #logo a { background: url(../whitelabel/haiti/logo.png) no-repeat; width:425px; height:100px; }
/* Subsearch */
.subsearch { width: 500px; padding: 8px 0 0 0; }
.subsearch label { padding: 3px; text-align: right; float:left; border:0; }
.subsearch-field { margin: 0 0 0 20px; border:1px solid #aaa; background: url(/public/images/textbg.jpg) repeat-x #fff; float:left; -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); }
.subsearch-field input.search { padding: 4px 4px 4px 20px; border:0; background: transparent url("/public/images/icons/icon-search.png") no-repeat 4px 4px; width: 280px; color: #444;}
/* Search Widget */
.search-widget img { height:24px; vertical-align:middle; margin-right:8px; border:0; }
.search-widget li.disabled { background-color: #f0f0f0; font-style:italic; }
.search-widget li.loading { height:24px; font-size:18px; background:url(../images/ajax-loader.gif) no-repeat 4px 4px white; padding:4px 4px 4px 36px; font-style:italic;}
.search-widget div.search-widget-container { position:relative; margin-bottom:6px; }
.search-widget div.search-widget-container input { width:284px; }
.search-widget ul { z-index:100; margin:0; list-style-type:none; padding:4px; position:absolute; top:32px; left:0; width:300px; border:1px solid #ccc; background-color:white; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); }
.search-widget ul a.selection { display:block; padding:4px; font-size:14px; color:#666; text-decoration: none; }
.search-widget ul a.selection:hover { background-color: #666; color:white; }
.hover .search-widget .list-item,
.hover .combo-box .list-item { background-color:white; }
.hover .search-widget .list-item-alt,
.hover .combo-box .list-item-alt { background-color:#f0f0f0; }
/* Combo Box */
.combo-box { display:inline; position:relative; }
.combo-box input.text { -webkit-appearance:none; width:236px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; border-right:0; margin-right:0; }
.combo-box.focused input.text,
.combo-box.expanded input.text { border-color: #999; }
.combo-box .combo-box-button { outline:0; color:#999; -mox-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; }
.combo-box .combo-box-button:hover { color:#666;}
.combo-box .combo-box-button.small { font-size:10px; padding:3px 4px; }
.combo-box.focused .combo-box-button { border-color: #999; }
.combo-box.expanded .combo-box-button { border-color: #999; background:#ccc; color:#666; }
/* Search and Combo box results */
.combo-box .options { z-index:100; display:none; width:255px; position:absolute; top:18px; left:8px; -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); border:1px solid #aaa; border-top:0; }
.combo-box .options .caption { background-color:#eee; color:#666; text-align:center; display:block; padding:4px; font-size:10px; border-top:1px solid #aaa; }
.combo-box .options .list { max-height:200px; overflow-y:scroll; overflow-x:hidden; border-top:0; background-color:white; }
.combo-box .options ul { list-style-type:none; padding:0; }
.combo-box .options li { border:0; border-top:1px solid #ddd; }
.combo-box .options a.selection { display:block; padding:4px 6px; font-size:12px; line-height:1em; color:#666; text-decoration: none; }
.combo-box .options a.selection:hover { background-color: #666; color:white; }
.ui-datepicker-trigger { height:24px; vertical-align:middle; margin-left:10px; cursor:pointer }
body #wrapper tr#team-winner td { font-weight:bold; color:#444; background-color:#FFF6CC; border:1px solid #FFDD88; border-left:0; border-right:0; }
tr.highlight td { font-weight:bold; color:#444; background-color:#FFF6CC; border:1px solid #FFDD88; border-left:0; border-right:0; padding:6px; }
.thought-bubble { background: url("/public/images/bubble.png") no-repeat; display: block; font-size: 20px; height: 101px; padding: 40px 0; position: absolute; top:0; right:10px; text-align: center; width: 276px; z-index:500; }
.thought-bubble p { font-size: 22px; margin-bottom:20px; }
.thought-bubble small { font-size: 12px; vertical-align:middle; }
/* jqModal base Styling courtesy of;
Brice Burgess */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
display: none;
position: fixed;
top: 10%;
left: 50%;
margin-left: -328px;
width: 656px;
color: #333;
z-index: 5000;
}
.jqmContent {
border: 10px solid rgba(68, 92, 164, .6);
background-color: #fff;
padding: 10px;
margin: 10px;
max-height:500px;
overflow:auto;
-moz-background-clip: padding; /* Firefox 3.6 */
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow:0 0 20px #222;
-webkit-box-shadow:0 0 20px #222;
}
.jqmAlert {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -228px;
width: 456px;
color: #333;
}
.jqmAlert h1 { background:#eee; border-bottom:1px solid #bbb; color:#444; font-size:15px; margin:1px; padding:4px 8px; }
.jqmAlert .jqmContent { border-width:6px; padding:2px; }
.jqmAlert p { color:#666; padding:14px; min-height:60px; }
.jqmAlert .buttons { border-top:1px solid #ddd; padding:8px; margin:8px 1px 1px 1px; background:#f6f6f6; text-align:right; }
.jqmAlert .buttons .btn { padding:3px 6px; display:inline-block; }
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (