/* COMMON STYLES */
html * { margin:0; }
body { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#666; background:url('../images/site/bg.gif') no-repeat top center #545876; }
textarea { font-family:Arial, Helvetica, sans-serif; }

#wrapper { width: 952px; margin: 0 auto; }
#header  { height: 61px; }
#logo h1 { padding: 7px 0 14px 30px; float:left; }
#logo h1 a { background: url('../images/site/logo.png') no-repeat; display:block; width:188px; height:40px; border:0; text-indent:-9999px; }
#logo h1 a:hover { border:0; }

h1,         h2,         h3,         h4,         h5,         h6   { font-weight:normal; }
h1 a,       h2 a,       h3 a,       h4 a,       h5 a,       h6 a { font-weight:bold; color:#A0C329; 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:20px; color:#777; }
h2 small { font-size:.6em; vertical-align:top; line-height:2em; }
h3 { font-size:18px; margin-bottom:.2em; }
h4 { font-size:16px; }
h5 { font-size:15px; }
h6 { font-size:13px; }

/* BUTTONS */
button, .btn { background:url(/public/images/buttons/bg.gif) repeat-x #ddd; text-decoration:none; color:#666; cursor:pointer; padding:4px 8px 5px; 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 { 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; }

/* 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: 5px; top: 29px; background-color: white; width:150px; border: 1px solid #999; padding: 4px 0; -moz-border-radius:4px; -webkit-border-radius:4px; }
.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 4px 4px 10px; 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; }
#nav ul { list-style-type:none; padding:0 10px; position:relative; }
#nav ul li { float:left; margin:0 12px; }
#nav ul li a.nav-tab { color:#444; text-decoration:none; display:inline-block; padding:6px; font-size:12px; }
#nav ul small a { display:inline; font-size:9px; padding:0; }
#nav ul li a:hover { text-decoration:underline; }
#nav ul li table,
#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(84, 88, 118, .8); border-collapse:collapse; z-index:1000; position:absolute; right:0; top:27px; }
#nav ul li.selected table,
#nav ul li.selected ul { display:block; }
#nav ul li table th { text-align:left; width:278px; padding:4px 0; background-color:white; }
#nav ul li table td { font-size:14px;  width:278px; padding:4px 0; font-weight:bold;  }
#nav ul li table th.col,
#nav ul li table td.col { text-align:center; width:40px; }
#nav ul li table a { display:block; padding:4px; }
#nav ul li table.search { width:420px; }
#nav ul li table.search td { display:block; padding:5px; background-color:white; }
#nav ul li ul { list-style-type:none; padding:0; }
#nav ul li ul li { background-color:white; margin:0; float:none; }
#nav ul li ul .fr { float:right; }
#nav ul li ul .fl { float:left; }
#nav ul li ul ul { position:relative; left:0; top:0; border:0; width:auto; display:inline; }
#nav ul li ul#search_results { display:none; max-height:400px; overflow:auto; }
#nav ul li ul.search { width:500px; }

#nav ul li ul.search input.text,
input.text-large { width:464px; font-size:20px; margin-bottom:6px; }

#main { min-height:500px; background-color:white; -moz-border-radius:8px; -webkit-border-radius:8px; }
#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:100px; height:100px; 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:50px; height:50px; 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; }

#tabs { position:absolute; bottom:0; left: 126px; }
.blitztop #tabs { left:11px; }
#tabs ul { list-style-type:none; padding:0; }
#tabs ul li { float:left; margin-right:10px; padding-top:2px; }
#tabs ul li a { display:block; padding:10px 24px 11px 24px; font-size:14px; line-height:14px; 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:#888; }
#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; cursor:default; color:#545876; font-weight:bold; padding:14px 24px 9px 24px; -moz-border-radius:0; -webkit-border-radius:0; }
#tabs ul li.selected a:hover { text-decoration:none; }

#content { padding:20px; position:relative; }

#footer { margin:15px; background-color:#656984; color:#c1bfd8; padding:15px; text-align:center; -moz-border-radius:12px; -webkit-border-radius:12px; }
#footer a { color:#c1bfd8; text-decoration:underline; }
#footer a:hover { color:white; text-decoration:none; }

.success { color:#44AA22; }
.error   { color:#CC0000; }

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:#A0C329; }
.required { color:#aa0000; font-weight:bold; }
.gray  { color:#666; }
.new { color:red; font-weight:normal; }
.hidden { display:none; }
.fl { float:left; }
.fr { float:right; }
.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; }
body #wrapper .nounderline { text-decoration:none; }
.col-heading { font-size:12px; border-bottom:1px dotted #aaa; color:#999; }
.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,
#dialog       .disabled { background-color:#ccc; color:#888; cursor:default; outline:0pt none; }
.disabled-link,
.disabled-text { color:#999; text-decoration:none; font-weight:normal; }
.meta  { color:#545876; }

.action-links { font-size:10px; margin-top:1em; }
.action-links a { color:#999; }

body #wrapper  .nopadding  { padding:   0; }

body #wrapper .padded,
#dialog       .padded      { padding: 5px; }
body #wrapper .padded-more,
#dialog       .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,
#dialog       .nomargin             { margin:0; }
body #wrapper .margined-bottom-only,
#dialog       .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; }

.minheight-small { min-height:150px; }

body #wrapper .vtop {    vertical-align:top; }
body #wrapper .vmiddle { vertical-align:middle; }

/* ASTHETICS */
body #wrapper .corner-all,
body #dialog  .corner-all    { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
body #wrapper .corner-top,
body #dialog  .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 #dialog  .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 #dialog  .corner-tr     { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
body #wrapper .corner-tl,
body #dialog  .corner-tl     { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }

/* 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; }
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; }

/* 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; }
#feedback .button       { background-color:#A0C329; 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; }
#feedback .button:hover { background-color:#bed471; }
#feedback textarea,
#feedback input { width:185px; }
#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; border-top:1px dotted #eee; position:relative; }
tr.list-item-alt td,
  .list-item-alt { background-color:#fafafa; border-top:1px dotted #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:#f3f3f3; }

#actions form { margin-bottom:6px; }

form.action-form textarea   { width:500px; height:31px; float:left; }
form.action-form div.finished textarea { width:656px; }

/*#dialog .container { -moz-box-shadow: none; }*/
#dialog form.action-form .clear_fix { clear:both; }
#dialog form.action-form textarea,
#dialog form.action-form div.finished textarea { width:440px; float:right; height:80px; }
#dialog form.action-form .date_container,
#dialog 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; }

#dialog .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; }

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:#A0C329; 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; }

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; }

/* 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:#777; }

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:#545876; color:white; font-weight:bold; border-bottom:1px solid #4e516d; text-decoration:none; }
ul.autocomplete-list a:hover { background-color:#A0C329; 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:#A0C329; }
a:hover { text-decoration:underline; color:#b0d62d; }
a.nounderline:hover { text-decoration:underline; }
a.button { text-decoration:none; font-weight:bold; display:block; padding:3px 7px; font-size:14px; background-color:#A0C329; color:white; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
a.button img { height:12px; }
a.button:hover  { background-color:#545876; }
a.title:hover { text-decoration:none; }
a.title:hover .title {text-decoration:underline; }
/*steve*/
a.buttondead {background-color:#545876;}
body #wrapper a.link-black,
body #dialog  a.link-black { color:#666; }
body #wrapper a.link-warning:hover { background-color:red; color:white; padding:2px; text-decoration:none;}

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#nav { position:absolute; right:0; top:0; list-style:none; }
ul#nav li { float:left; margin-right:10px; position:relative; }
ul#nav li.sep { color:#eee; font-size:1.6em; padding:15px 6px 0 6px; }
ul#nav a.nav-tab { font-size:1.3em; font-weight:bold; color:#A0C329; text-decoration:none; padding:17px 8px 8px 8px; float:left; display:block; }
ul#nav a.nav-tab:hover, ul#nav li.selected a.nav-tab { background-color:#A0C329; color:white; }
*/
ul.sub-nav { list-style-type:none; float:left; padding:0; margin-top:6px; }
ul.fr { float:right; }
ul.sub-nav li { float: left; margin-right: 4px; }
ul.sub-nav a { text-decoration:none; font-weight:bold; display:block; float:left; padding:3px 7px; font-size:14px; color:#A0C329; }
ul.sub-nav a:hover { background-color:#d0e195; color:white; }
ul.sub-nav li.selected a { background-color:#A0C329; color:white; }


.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 { background-color:#A0C329; color:white; font-size:16px; font-weight:bold; padding:10px; text-align:center; margin:10px; }
.error-message { background-color:#DD0000; 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-top:10px; margin-bottom:10px; 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-top:10px; margin-bottom:10px; 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:8px; }
.icon-indent        { margin-left:2.4em; }

.icon-larger { height:24px; vertical-align:middle; margin:0 .8em .8em 0; }
.icon-larger-indent { margin-left:36px; }

.icon-large { height:32px; vertical-align:middle; margin:0 8px 8px 0; }
.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; }

/* WHITE LABELS */
body.stanford            { background:#111; }
body.stanford #logo h1   { padding-left:0; }
body.stanford #logo h1 a { background-image:url('../whitelabel/socialm/logo.jpg'); width:202px; }
body.stanford .home #logo h1 a { background-image:none; width:202px; }
body.stanford #home .top { color:#111111; font-size:24px; left:auto; right:20px; top:30px; width:620px; }
body.stanford #home .top p { font-size:16px; margin-top:20px; padding-left:225px; text-align:justify; }
body.stanford #content h1 { color:#222; }
body.stanford #footer    { background:#222; }
body.stanford .jqmWindow { border-color:#222; }
body.stanford .green     { color:#820000; }
body.stanford .meta      { color:#555; }
body.stanford a          { color:#820000; }
body.stanford .sponsors { background-image:url('../whitelabel/socialm/sponsorbanner.jpg') ; background-repeat:no-repeat; background-position:center;height:130px;margin-top:5px;}
body.stanford .sponsorhr { background:#DDDDDD none repeat scroll 0 0;font-weight:bold;font-family:arial;font-size:14px;padding: 3px 10px 3px 30px;color:#111111}
body.stanford a.button,
body.stanford #feedback a.button { background:#820000;color:white}
body.stanford a.button:hover { background-color:#444;}
body.stanford ul.data-list { color:#820000; }
body.stanford #tabs ul li.selected a { color:#820000; }

body.stanford #buttons { position: absolute; top: 84px; left: 336px; width: 160px; z-index:100; }
body.stanford #buttons a { padding:6px 0; }

body.stanford #nav ul li table,
body.stanford #nav ul li ul { border-color:rgba(17, 17, 17, .8); }

body.stanford ul.sub-nav a:hover { background-color:#a1706e; }
body.stanford ul.sub-nav li.selected a { background-color:#820000; }

body.stanford ul.autocomplete-list { border-color:#ddd; }
body.stanford ul.autocomplete-list a { background-color:#eee; border-color:#ddd; }
body.stanford ul.autocomplete-list a:hover { background-color:#820000; color:white; }

/*body.stanford ul.actions-list { border-color:#444; }
body.stanford ul.actions-list a { background-color:#555; color:white; border-bottom-color:#444; }
body.stanford ul.actions-list a:hover { background-color:#820000; }
/*
/* lightbox */

body.lightbox div#main { min-height:0px; }
#dialog iframe {  height: 300px;}
body.lightbox #wrapper  { width: auto;}
body.lightbox { background: none; }

#dialog { max-height:400px; overflow:auto; }
#dialog .close-button { outline:0pt none; z-index:4000; display:block; position: fixed; margin: -32px 0 0 602px; width:30px; height:30px; background:url(/public/javascripts/fancyzoom/images/closebox.png) no-repeat; text-indent:-9999px; opacity:.75; filter:alpha(opacity=75); }
#dialog .close-button:hover { opacity:1; filter:alpha(opacity=100); }
#ui-datepicker-div { z-index:3001; }

#sddm_nav { height:25px; background-color:#ddd; border-bottom:1px solid #f0f0f0; }
#sddm_nav a {
color:#111111;
display:inline;
font-family:arial;
font-size:14px;
font-weight:bolder;
padding:3px 10px 3px 30px;
text-decoration:none;
}
#sddm { z-index:101; position:absolute; }
#sddm li
{ margin: 0;
 padding: 0;
 width:130px;
 list-style: none;
 float: left;
 font: bold arial} 
 
 #sddm li a
{ display: block;
 margin:0 0px 1px 0;
 padding: 4px 10px;
 width: auto;
 background: #DDD;
 color: #000;
 text-align: center;
 text-decoration: none} 
 
#sddm li a:hover
{ color:#DDD;
 background: #660000}

#sddm div
{ position: absolute;
 visibility: hidden;
 margin: 0 0 0 0px;
 padding: 0;
 width:130px;
 background: #DDD;
 border: 0px solid #000}

 #sddm div a
 { position: relative;
 display: block;
 margin: 0;
 padding: 5px 10px;
 width: auto;
 white-space: nowrap;
 text-align: left;
 text-decoration: none;
 background: #DDD;
 color: #000;
 font: 13px arial}

 #sddm div a:hover
 { background: #660000;
 color: #DDD} 
 
 
 
 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; }