/**
 *  Reset
 *
 *  The declarations herein are intended to "reset" browsers to a common, base
 *  set of styles.  Subsequent to loading this file, additional "core" styles
 *  should provide the basic presentation for the site.
 *
 *  @section  reset
 *  @see      http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

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;
  outline             : 0;
  font-weight         : inherit;
  font-style          : inherit;
  font-size           : 100%;
  font-family         : inherit;
  vertical-align      : baseline;
}

/* remember to define focus styles! */
:focus {
  outline             : 0;
}

body {
  line-height         : 1;
  color               : black;
  background          : white;
}

ol, ul {
  list-style          : none;
}

/* tables still need 'cellspacing="0"' in the markup */
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              : "" "";
}


/******************************************************************************
Don't edit this file: It gets re-copied every time the server starts.
******************************************************************************/

.admin_assistant {
  font-family: "Arial", sans-serif;
  margin: 9px 0
}
.admin_assistant .aa_header {
  position: relative;
  padding-bottom: 5px;
}
.admin_assistant .aa_header h2 {
  font-size: 160%;
  font-weight: bold;
  color: #555;
  padding: 2px 0;
  margin: 0;
}
.admin_assistant .aa_header .actions {
  position: absolute;
  right: 5px;
  top: 5px;
  text-align: right;
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: bold;
}
.admin_assistant .aa_header .actions a {
  color: #0066CC
}
.admin_assistant a {
  text-decoration: none;
}

/***** Index stuff ***********************************************************/

.admin_assistant.index table {
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 11px;
  width: 100%; margin: 0px 0px 3px 0px; padding: 0px
}
.admin_assistant.index th {
  background: #555;
  color: white;
  padding: 2px 15px 5px 4px;
  text-align: left;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
.admin_assistant.index th a {
  color: white;
  text-decoration: none;
}
.admin_assistant.index th.sort.asc {
  background: #333 url(../../images/admin_assistant/sort-asc.png) no-repeat right
}
.admin_assistant.index th.sort.desc {
  background: #333 url(../../images/admin_assistant/sort-desc.png) no-repeat right
}
.admin_assistant.index td {
  background: #E6F2FF;
  color: #333;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 5px
}
.admin_assistant td.actions {
  position: relative;
  text-align: left;
  font-weight: bold;
  letter-spacing: -1px;
}
.admin_assistant.index tbody tr td:first-child {
  border-left: 1px solid #ccc;
}
.admin_assistant.index tbody tr.even td {
  background: #fff;
}

.admin_assistant.index tbody tr td.sort {
  background: #B9DCFF
}
.admin_assistant.index tbody tr.even td.sort {
  background: #E6F2FF
}
.admin_assistant.index .aa_footer {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.admin_assistant.index .aa_footer .pagination {
  float: right;
}
.admin_assistant.index .aa_footer .pagination .links {
  float: left;
}
.admin_assistant.index .aa_footer .pagination form {
  margin-left: 5px;
  float: left;
}
.admin_assistant.index #search_form {
  background-color: #DAFFCD;
  border: 1px solid #7FCF00;
  padding: 4px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  margin-bottom: 0px;
}

/***** Form stuff ************************************************************/

.admin_assistant.form {
  background: #DAFFCD;
  border: 1px solid #7FCF00;
  padding: 4px;
}

.admin_assistant.form .aa_header h2 {
  color: #1F7F00;
  font-size: 16px;
  letter-spacing: -1px;
  padding: 2px;
}

.admin_assistant.form form {
  margin-top: 20px;
  padding: 0px 5px;
}

.admin_assistant.form .column {
  margin-bottom: 10px;
}

.admin_assistant.form label {
  font-size: 11px;
  display: block;
}

.admin_assistant.form input[type=text] {
  width: 100%
}

.admin_assistant.form input[type=text].integer {
  width: 50px
}

.admin_assistant.form input, .admin_assistant.form select, .admin_assistant.form textarea {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
}

.admin_assistant.form textarea {
  width: 100%;
}

.admin_assistant.form .errorExplanation {
  background: #FFCCCC;
  border: 1px solid #FF6666;
  margin: 2px 0;
}

.admin_assistant.form .errorExplanation h2 {
  background: #FF6666;
  color: #333333;
  font-family: Verdana;
  font-size: 11px;
  padding: 2px 5px;
  margin: 0;
}

.admin_assistant.form .errorExplanation p {
  font-family: Verdana;
  font-size: 11px;
  margin: 0;
  padding: 2px 5px;
}

.admin_assistant.form .errorExplanation ul {
  list-style: none outside disc;
  margin: 0;
  padding: 0 2px 4px 25px;
}

.admin_assistant.form .errorExplanation ul li {
  font-family: Verdana;
  font-size: 11px;
  letter-spacing: -1px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.admin_assistant .autocomplete_palette {
  background: white;
  color: #000;
  border: 1px solid #2b303d;
}

.admin_assistant .autocomplete_palette ul li {
	padding: 1px 5px;
}

.admin_assistant .autocomplete_palette ul li:hover,
.admin_assistant .autocomplete_palette ul li.selected {
	background: #66aaff;
}


/***** Show stuff ************************************************************/
.admin_assistant.show .column {
  margin-bottom: 10px;
}

.admin_assistant.show label {
  font-size: small;
}

ul.aa_filter li {
  float: left;
  margin: 0 10px 10px 0;
  font-weight: bold;
}

/******************************************************************************
Don't edit this file: It gets re-copied every time the server starts.
******************************************************************************/

.admin_assistant { font-family: "Verdana","Arial", sans-serif }
.admin_assistant h2 { font-size: large; font-weight: bold }
.admin_assistant .actions {
  position: absolute; right: 5px; top: 5px; text-align: right
}
.admin_assistant .aa_header { position: relative }

/***** Index stuff ***********************************************************/

.admin_assistant.index table {
  width: 100%; margin: 0px 0px 10px 0px; padding: 0px
}
.admin_assistant.index th {
  background: #666; color: white; padding: 5px 20px 5px 5px
}
.admin_assistant.index th a {
  color: white
}
.admin_assistant.index th.sort.asc {
  background: #000 url(../../images/admin_assistant/sort-asc.png) no-repeat right
}
.admin_assistant.index th.sort.desc {
  background: #000 url(../../images/admin_assistant/sort-desc.png) no-repeat right
}
.admin_assistant.index td {
  background: white;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 5px
}
.admin_assistant td.actions {
  position: relative; text-align: left
}
.admin_assistant.index tbody tr td:first-child {
  border-left: 1px solid #ccc;
}
.admin_assistant.index tbody tr.even td {
  background: #eee;
}

.admin_assistant.index tbody tr td.sort {
  background: #ddd
}
.admin_assistant.index tbody tr.even td.sort {
  background: #ccc
}

/***** Search stuff ***********************************************************/
.admin_assistant.index #search_form .autocomplete_palette {
  width: 500px
}

.admin_assistant.index #search_form .polymorphic .polymorphic_type {
  float: left;
  padding-right: 5px;
}

/***** Form stuff ************************************************************/

.admin_assistant.form .column {
  margin-bottom: 10px;
}

.admin_assistant.form .column .description {
  font-size: small;
  margin: 0;
}

.admin_assistant.form input {
  font-size: large
}

.admin_assistant.form input[type=text] {
  width: 100%
}

.admin_assistant.form input[type=text].integer {
  width: 50px
}

.admin_assistant.form label {
  display: block;
}

.admin_assistant.form select {
  font-size: large
}

.admin_assistant.form textarea {
  width: 100%;
  font-size: large
}

.admin_assistant.form th {
  font-weight: normal;
  text-align: left;
}

.admin_assistant.multi.form .errorExplanation {
  font-size: small;
}

.admin_assistant.form .fieldWithErrors {
  background: red;
}

.admin_assistant .autocomplete_palette {
  background: white;
  color: #000;
  border: 1px solid #2b303d;
}

.admin_assistant .autocomplete_palette ul li {
	padding: 1px 5px;
}

.admin_assistant .autocomplete_palette ul li:hover,
.admin_assistant .autocomplete_palette ul li.selected {
	background: #66aaff;
}


/***** Show stuff ************************************************************/
.admin_assistant.show .column {
  margin-bottom: 10px;
}

.admin_assistant.show label {
  font-size: small;
}




.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/images/vendor/farbtastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/images/vendor/farbtastic/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/images/vendor/farbtastic/marker.png) no-repeat;
}


div.gnarl {
  width             : 380px;
  position          : absolute;
  top               : 10px;
  right             : 20px;
  z-index           : 99;
}

div.gnarl > div.message {
  width             : 380px;
  cursor            : pointer;
  margin-bottom     : -20px;
  display           : none;
}

div.gnarl > div.message > div.top,
div.gnarl > div.message > div.mid,
div.gnarl > div.message > div.btm {
  background        : url(/images/vendor/gnarl/sprite.png) no-repeat 0 0;
}

div.gnarl > div.message > div.top {
  height            : 36px;
  background-position : -380px 0px;
  border-bottom : none;
}

div.gnarl > div.message > div.btm {
  height            : 41px;
  background-position : -380px -41px;
}

div.gnarl > div.message > div.mid {
  padding           : 0 30px;
  background-repeat : repeat-y;
}

div.gnarl > div.message:hover > div.top {
  background-position : -380px -82px;
}

div.gnarl > div.message:hover > div.mid {
  background-position : -760px 0px;
}

div.gnarl > div.message:hover > div.btm {
  background-position : -380px -123px;
}

div.gnarl > div.message ul {
  list-style        : none;
  margin            : 0;
  padding           : 0;
}

div.gnarl > div.message ul > li {
  margin            : 0;
  padding           : 0;
}

div.gnarl > div.message ul > li {
  font-family       : Arial, sans-serif;
  font-weight       : bold;
  color             : #FFF;
  cursor            : pointer;
  margin            : 0;
  padding           : 0;
}

div.gnarl > div.message ul > li.icon {
  float             : left;
  width             : 32px;
  height            : 32px;
  background        : no-repeat;
}

div.gnarl > div.message ul > li.title {
  font-size         : 14px;
  line-height       : 16px;
  margin-left       : 40px;
}

div.gnarl > div.message ul > li.message {
  font-size         : 11px;
  line-height       : 16px;
  margin-left       : 40px;
}


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../images/vendor/jquery-ui.custom/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


body > div#offscreen {
  display             : block !important;
  position            : absolute;
  top                 : -100000px;
  left                : -100000px;
}

body > div.overlay,
body > div.tooltip {
  display             : none;
  padding             : 19px;
  z-index             : 1000;
}

body > div.overlay > div.ui-frame,
body > div.tooltip > div.ui-frame {
  position            : absolute;
  top                 : 0;
  bottom              : 0;
  left                : 0;
  right               : 0;
  z-index             : -1;
}

body > div.overlay > div.ui-frame > div.ui,
body > div.tooltip > div.ui-frame > div.ui {
  background          : url(/images/background/tooltip.png) no-repeat;
  position            : absolute;
}

body > div.overlay > div.ui-frame > div.ui-nw,
body > div.tooltip > div.ui-frame > div.ui-nw {
  background-position : 0 0;
  top                 : 0;
  bottom              : 19px;
  left                : 0;
  right               : 19px;
}

body > div.overlay > div.ui-frame > div.ui-ne,
body > div.tooltip > div.ui-frame > div.ui-ne {
  width               : 19px;
  background-position : -781px 0;
  top                 : 0;
  bottom              : 19px;
  right               : 0;
}

body > div.overlay > div.ui-frame > div.ui-sw,
body > div.tooltip > div.ui-frame > div.ui-sw {
  height              : 19px;
  background-position : 0 -581px ;
  bottom              : 0;
  left                : 0;
  right               : 19px;
}

body > div.overlay > div.ui-frame > div.ui-se,
body > div.tooltip > div.ui-frame > div.ui-se {
  width               : 19px;
  height              : 19px;
  background-position : -781px -581px ;
  bottom              : 0;
  right               : 0;
}

body > div.overlay > a.close,
body > div.tooltip > div.article > a.close {
  width               : 15px;
  height              : 15px;
  background          : url(/images/buttons/close_x.png) no-repeat center center;
  position            : absolute;
  top                 : 19px;
  right               : 19px;
}

body > div.tooltip {
  padding-bottom      : 34px;
}

body > div.tooltip > div.ui-frame {
  bottom              : 15px;
}

body > div.tooltip > div.ui-frame > div.ui-extra {
  margin-left         : -21px;
  width               : 42px;
  height              : 26px;
  background          : url(/images/background/tooltip-speech-s.png) no-repeat;
  left                : 50%;
  bottom              : -16px;
}

body > div.overlay > div.article,
body > div.tooltip > div.article {
/*  background          : #FFF;*/
}

body > div.tooltip > div.article.mini {
  min-width           : 160px;
}

body > div.overlay > div.article.loading,
body > div.tooltip > div.article.loading {
  height              : 100%;
  background          : url(/images/lightbox/loading.gif) no-repeat center center;
}

body > div.overlay > div.article.loading {
  min-width           : 100px;
  min-height          : 80px;
}

body > div.tooltip > div.article.loading {
  min-width           : 100px;
  min-height          : 30px;
}

body > div.overlay > div.article > h1,
body > div.tooltip > div.article > h1 {
  font-size           : 16px;
  font-weight         : bold;
  color               : #6A5664;
}

body > div.overlay > div.article > h2,
body > div.tooltip > div.article > h2 {
  font-size           : 14px;
  font-weight         : bold;
  color               : #6A5664;
}

body > div.overlay > div.article > h1,
body > div.overlay > div.article > h2 {
  margin-bottom       : 20px;
}

body > div.tooltip > div.article > h1,
body > div.tooltip > div.article > h2 {
  margin-bottom       : 5px;
}

body > div.tooltip > div.article > h1 {
  color               : #9B9198;
  padding-right       : 20px;
}

body > div.tooltip > div.article > h2 {
  font-size           : 12px;
  font-weight         : normal;
  padding             : 1px 3px;
  background          : #D8D8D8;
}

body > div.tooltip > div.article > ul {
  margin              : 10px 0 0;
}

body > div.tooltip > div.article > ul a {
  font-size           : 12px;
  font-weight         : normal;
}

body > div.tooltip > div.article a.cancel {
  font-weight         : normal;
  text-decoration     : underline;
  color               : #7C7D7F;
  margin              : 5px 0 0 5px;
}

body > div.overlay > div.article form,
body > div.tooltip > div.article form {
  padding             : 0;
}

body > div.overlay > div.article input[type='password'],
body > div.overlay > div.article input[type='text'],
body > div.overlay > div.article select,
body > div.overlay > div.article textarea,
body > div.tooltip > div.article input[type='password'],
body > div.tooltip > div.article input[type='text'],
body > div.tooltip > div.article select,
body > div.tooltip > div.article textarea {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 14px;
  color               : #381D31;
  width               : 264px;
  padding             : 3px 10px;
  margin-bottom       : 3px;
  border              : 1px solid #EDEAE2;
  background          : #FFF;
  border-radius         : 7px;
  -moz-border-radius    : 7px;
  -webkit-border-radius : 7px;
}

body > div.overlay > div.article input[type='password']:focus,
body > div.overlay > div.article input[type='text']:focus,
body > div.overlay > div.article select:focus,
body > div.overlay > div.article textarea:focus,
body > div.tooltip > div.article input[type='password']:focus,
body > div.tooltip > div.article input[type='text']:focus,
body > div.tooltip > div.article select:focus,
body > div.tooltip > div.article textarea:focus {
  background-color    : #F9F8F8;
}

/*
body > div.overlay > div.article select,
body > div.tooltip > div.article select {
  width               : 286px;
  padding             : 6px 7px;
}

body > div.overlay > div.article input[disabled],
body > div.tooltip > div.article input[disabled] {
  opacity             : 0.65;
}
*/

body > div.overlay > div.article input[type='submit'],
body > div.tooltip > div.article input[type='submit'] {
  font-family         : Arial, sans-serif;
  font-size           : 14px;
  font-weight         : normal;
  color               : #FFF;
  background          : url(/images/buttons/bg_dark_small.png) no-repeat center center;
  width               : 90px;
  height              : 28px;
  margin              : 12px 0 10px 0px;
  padding-bottom      : 3px;
  border              : none;
  cursor              : pointer;
}

body > div.overlay > div.article input[type='submit']:hover,
body > div.tooltip > div.article input[type='submit']:hover {
/*  TODO (CTI): determine why text-decoration isn't working here */
/*  text-decoration     : underline !important;*/
}

div#user_note_form,
div#user_note_success {
  width               : 350px;
}

div#user_note_form ul.errors {
  color               : red;
  margin-bottom       : 16px;
}

div#user_note_form ul.errors > li > h2 {
  font-weight         : bold;
}

div#user_note_form ul.errors > li > p {
  font-size           : 0.75em;
}

div#user_note_form div.label {
  clear               : both;
  float               : left;
  width               : 60px;
}

div#user_note_form div.field {
  position            : relative;
}

div#user_note_form div.label > label {
  font-weight         : bold;
  line-height         : 30px;
  color               : #9F999E;
}

div#user_note_form div.label + div.field {
  margin-left         : 60px;
}

div#user_note_form div.field textarea {
  width               : 324px;
}

div#user_note_form span.placeholder {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 14px;
  color               : #BFBBBE;
  padding-top         : 5px;
  padding-left        : 11px;
  position            : absolute;
  top                 : 0;
  left                : 0;
}

div#user_note_form textarea + span.placeholder {
  padding-top         : 6px;
}

div#user_note_success {
  width               : 100%;
  height              : 100%;
  background          : #FFF;
}




 /**
 *  Core
 *
 *  The declarations herein are intended to provide site-wide and DOM
 *  element-targeted styles.
 *
 *  @section  core elements
 *
 *  link pseudo-selector order:
 *  - LVHA          (link, visited, hover, active)
 *
 *  em-base font size adjustment:
 *  - 20px --> 1.25   em
 *  - 18px --> 1.125  em
 *  - 16px --> 1      em
 *  - 14px --> 0.875  em
 *  - 13px --> 0.8125 em
 *  - 12px --> 0.75   em
 *  - 10px --> 0.625  em
 *  - NOTE: #head, #body, #foot each define a non-1 base (0.875em currently).
 *          So, to get to approximately 18px, for example, try 18/14 = 1.286em.
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

html, body {
  height              : 100%;
}

body {
  font-family         : Arial, sans-serif;
  font-size           : 14px;
  color               : #351C2E;
  line-height         : 1.25em;
  background          : #EDEAE2
}

a,
a:link,
a:visited,
a:hover,
a:active {
  font-weight         : bold;
  color               : #000;
  text-decoration     : none;
}

a:hover {
  text-decoration     : underline;
  cursor              : pointer;
}

a:active {
  color               : #333;
}

strong {
  font-weight         : bold;
}

textarea {
  height              : 100px;
}

/**
 *  @section  core structure
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#container {
  font-size           : 0.875em;
  min-height          : 100%;
  position            : relative;
}

div#container > div.section > div.article,
div#body {
  width               : 940px;
  margin              : 0 auto;
  position            : relative;
}

div#head {
  height              : 40px;
  background          : #C4BDBD;
}


/**
 *  @section  head structure
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#head > div.article > div.header > h1 {
  float               : left;
  line-height         : 40px;
  overflow            : hidden;
  background          : #351C2E url(/images/branding/head_logo.png) no-repeat 10px 50%;
  padding             : 15px 20px 0 30px;
  width               : 150px;
  -moz-border-radius-bottomleft       : 6px;
  -webkit-border-bottom-left-radius   : 6px;
  -moz-border-radius-bottomright      : 6px;
  -webkit-border-bottom-right-radius  : 6px;
}

div#head > div.article > div.header > a {
  color               : #fff;
  line-height         : 49px;
  margin-left         : 10px;
}

div#head > div.article > div.header > h1 > a {
  text-indent         : -10000px;
  background          : url(/images/branding/head_white.png) no-repeat 50% 0;
  width               : 160px;
  display             : block;
  overflow            : hidden;
  height              : 0;
  padding-top         : 30px;
  text-decoration     : none;
}

div#head > div.article > div.nav {
  font-size           : 0.786em;
  position            : absolute;
  top                 : 0;
  right               : 0;
  padding-top         : 4px;
}

div#head > div.article > div.nav > ul {
  float               : right;
}

div#head > div.article > div.nav > h1,
div#head > div.article > div.nav > ul > li {
  line-height         : 40px;
  height              : 40px;
  display             : block;
  float               : left;
  padding-left        : 3px;
  font-size           : 1.3em;
}

div#head > div.article > div.nav > ul > li > a {
  color               : #FFF;
}

div#head > div.article > div.nav > ul > li::before {
  content             : '  |  ';
  color               : #FFF;
}

div#head > div.article > div.nav > ul > li:first-child::before {
  content             : '';
}


/**
 *  @section  body structure
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#body {
  padding             : 30px 0 100px;
  overflow            : hidden;
}


/**
 *  @section  foot structure
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#foot,
body.authenticated > div#container > div#foot {
  font-family         : Georgia, serif;
  color               : #BBBDBF;
  width               : 100%;
  position            : fixed;
  bottom              : 10px;
  background          : transparent;
  height              : auto;
  bottom              : 10px;
  z-index             : 5;
}

body.authenticated div#foot > div.article {
  width               : 1140px;
  height              : 100%;
  background          : #000000 url(/images/background/profilebar.png) repeat-x scroll 0 0;
  position            : relative;
  border-radius         : 6px;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
}

div.system_message {
  background: #FCDE4C;
  padding-left: 10px;
  text-align: center;
}

div#foot > div.article > div.nav {
  width               : 940px;
  height              : 55px;
  margin              : 0 auto;
}

div#foot > div.article > div.nav > h1 {
  float               : right;
  margin              : 17px 0;

  overflow            : hidden;
}

div#foot > div.article > div.nav > h1 > a {
  width               : 160px;
  background          : url(/images/logo/profilebar.png) no-repeat;
  display             : inline-block;
  height              : 0;
  padding-top         : 21px;
  text-decoration     : none;
}

div#foot > div.article > div.nav > a {
  font-size           : 10px;
  display             : none;
  position            : absolute;
  top                 : 18px;
  left                : 40px;
}

div#foot > div.article > div.nav > ul > li {
  line-height         : 45px;
  float               : left;
  margin              : 5px 0 5px 10px;
  padding-left        : 10px;
  border-left         : 1px solid #231F20;
}

div#foot > div.article > div.nav > ul > li:first-child {
  margin              : 5px 0 5px 0;
  padding-left        : 0;
  border-left         : medium none;
}

div#foot > div.article > div.nav > ul > li > h2 {
  background-color    : #000000;
  height              : 25px;
  line-height         : 25px;
  padding             : 10px 20px;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
}

div#foot > div.article > div.nav > ul > li > h2 > a {
  font-size           : 1.286em;
  font-weight         : normal;
  color               : #929497;
}

div#foot > div.article > div.nav > ul > li > ul {
  height              : 45px;
}

div#foot > div.article > div.nav > ul > li > ul > li {
  margin-left         : 5px;
  float               : left;
}

div#foot > div.article > div.nav > ul > li > ul > li:first-child {
  margin-left         : 0;
}

div#foot > div.article > div.nav > ul > li > ul li > a {
  display             : block;
  height              : 45px;
  width               : 45px;
  text-decoration     : none;
  background          : url(/images/icons/profile_bar/bg-full.png);
}

div#foot > div.article > div.nav > ul > li > ul > li > a:hover {
  background          : url(/images/icons/profile_bar/bg-hover.png);
}

div#foot > div.article > div.section {
  background          : url(/images/background/profilebar.png) repeat-x;
  display             : none;
  margin              : 0 20px 20px;
  padding             : 20px 80px;
  overflow            : auto;
  position            : absolute;
  top                 : 55px;
  right               : 0;
  bottom              : 0;
  left                : 0;
}

div#foot.active > div.article > div.nav > a,
div#foot.active > div.article > div.section {
  display             : block;
}

div#foot > div.article > div.section > div.header {
  background          : url(/images/icons/large/background.png) no-repeat;
  height              : 150px;
  margin-left         : -20px;
}

div#foot > div.article > div.section > div.header > h2 {
  font-size           : 35px;
  color               : #FFF;
  line-height         : 40px;
  background          : no-repeat;
  padding             : 14px 0 72px 150px;
}

div#foot > div.article > div.section > div.header > ul {
  margin              : -65px 0 0 150px;
}

div#foot > div.article > div.section > h2 {
  font-size           : 16px;
  clear               : both;
}

div#foot > div.article > div.section > h2 > span.count {
  color               : #FFDD15;
}

div#foot > div.article > div.section > ul > li > h3 {
  font-size           : 16px;
  clear               : both;
}

div#foot > div.article > div.section > ul > li > h3 > a {
  color               : #FFF;
  font-style          : italic;
}

/*Section for User Profile Slideup*/

div#user_profile_header {
  display             : block;
  height              : 100px;
  width               : 100%;
}

div#user_profile_header h2 {
  font-size           : 24px;
  color               : #F1F1F2;
  padding-top         : 5px;
}

div#user_profile_header img,
div#user_profile_header span {
  float               : left;
}

div#user_profile_header img {
  border              : 6px solid #373737;
  border-radius         : 6px;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
}

div#user_profile_header p {
  color               : #BBBDBF;
  padding-top         : 5px;
}

div#header_info_wrapper {
  margin-left         : 120px;
  border-bottom       : 1px solid #373737;
  height              : 80px;
  width               : 875px;
}

div#user_profile_activity  {
  padding             : 0 10px;
}

div#user_profile_activity h3 {
  color               : #BBBDBF;;
}

div#user_micro_actions a.check,
div#user_profile_activity a.check,
div#user_search li > a.check {
  text-indent         : -10000px;
  height              : 45px;
  width               : 45px;
  display             : inline-block;
  border-radius         : 5px;
  -webkit-border-radius : 5px;
  -moz-border-radius    : 5px;
  vertical-align        : -27%;
}

div#user_micro_actions li,
div#user_profile_activity li {
  font-size           : 30px;
  line-height         : 60px;
  display             : inline;
/*  float               : left; taking this out to make things link together on profile view*/
}

div#user_micro_actions li:after
div#user_profile_activity li:after {
  content             : ', ';
  color               : #FFF;
  padding-right       : 10px;
}

div#user_micro_actions li.last:after
div#user_profile_activity li.last:after {
  content             : '';
}

div#user_profile_activity li.action_platform,
div#user_profile_activity li.action_platform > a {
  color               : #FFDD14;
  font-weight         : normal;
}

div#user_profile_activity a {
  font-weight         : normal;
}

div#user_profile_activity .create {
  color               : #FF0063;
}

div#user_profile_activity .fund {
  color               : #59A893;
}

div#user_profile_activity .organize {
  color               : #00CCF3;
}

div#user_profile_activity .produce {
  color               : #FE9500;
}

div#user_profile_activity .support {
  color               : #8E2CDB;
}

div#user_profile_activity li.invitation {
  color               : #FFF;
}

div#user_profile_activity li.action_platform > a.check {
  background          : url(/images/icons/action_platform.png) no-repeat;
}
div#user_micro_actions li.micro_action > a.check,
div#user_profile_activity li.micro_action > a.check,
div#user_search li > a.check {
  background          : url(/images/icons/small/inactive/micro_action.png) no-repeat;
}

div#user_micro_actions li.micro_action > a.recurring,
div#user_profile_activity li.micro_action > a.recurring {
  background          : url(/images/micro_actions/handles/recurring.png) no-repeat;
}

div#user_micro_actions li.create > a.check,
div#user_profile_activity li.create > a.check,
div#user_search li.create > a.check {
  background-color   : #FF0063;
}

div#user_micro_actions li.fund > a.check,
div#user_profile_activity li.fund > a.check,
div#user_search li.fund > a.check {
  background-color    : #59A893;
}

div#user_micro_actions li.organize > a.check,
div#user_profile_activity li.organize > a.check,
div#user_search li.organize > a.check {
  background-color    : #00CCF3;
}

div#user_micro_actions li.produce > a.check,
div#user_profile_activity li.produce > a.check,
div#user_search li.produce > a.check {
  background-color    : #FE9500;
}

div#user_micro_actions li.support > a.check,
div#user_profile_activity li.support > a.check,
div#user_search li.support > a.check {
  background-color    : #8E2CDB;
}

div#user_profile_activity li.invitation > a {
  background-color    : #FFF;
}

div#user_profile_activity li.invitation > a.check {
  background          : #323031 url(/images/icons/profile_bar/notifications-active.png) no-repeat;
}

div#foot div#user_micro_actions > ul > li.micro_action > a > img.logo,
div#user_profile_activity > ul > li.micro_action > a > img.logo {
  vertical-align: -45%;
}

/* FORM POPUPS */
div.input_overlay {
  background          : transparent url(/images/forms/input-overlay.png) no-repeat scroll 0 0 !important;
  display             : none;
  height              : 102px;
  width               : 177px;
  padding             : 20px 20px 20px 35px;
  left                : 400px;
  position            : absolute !important;
  z-index             : 3;
}

div.input_overlay input {
  background          : #FFFFFF url(/images/forms/textarea_gradient.png) repeat-x scroll 0 0;
  margin              : 3px 0;
  border              : 1px solid #D1CDC3;
  border-radius       : 3px;
  -moz-border-radius  : 3px;
  -webkit-border-radius: 3px;
}

div.input_overlay a.cancel {
  display             : block;
  float               : left;
  font-weight         : normal;
  text-decoration     : underline;
  color               : #7C7D7F;
  margin-top          : 5px;
}

div.input_overlay a.x {
  background          : transparent url(/images/buttons/close_x.png) no-repeat center center;
  color               : transparent;
  display             : block;
  height              : 12px;
  width               : 12px;
  float               : right;
  text-decoration     : none;
  margin-top          : 0;
}

div.input_overlay a.x:hover {
  text-decoration     : none;
}

div.input_overlay input.submit,
div.input_overlay a.submit {
  background          : transparent url(/images/buttons/bg_dark_xsmall.png) no-repeat scroll;
  color               : #fff;
  display             : block;
  float               : left;
  width               : 48px;
  text-align          : center;
  margin-right        : 5px;
  padding             : 6px;
}

div.input_overlay input.submit {
  border              : none;
  font-weight         : bold;
  width               : 57px;
  font-size           : 12px;
}

div.input_overlay div.file_field {
  font-size           : 12px;
  margin-bottom       : 10px;
  padding             : 3px 5px;
  width               : 137px;
  overflow            : hidden;
}

div.input_overlay div.file_field label {
  white-space         : nowrap;
}

div.input_overlay span {
  font-size           : 12px;
}

div.input_overlay span.placeholder {
  padding             : 0 5px;
}

/* PULSE */

ul.pulse li.figure div, ul.pulse li.figure div a {
  font-family         : "Lucida Grande", sans-serif;
  line-height         : 1.4em;
}

ul.pulse li.figure div.user a {
  color: #351c2e;
  font-size: 1.0em;
  font-weight: bold;
}

ul.pulse li.figure div.action {
  color: #9b9198;
  font-size: 1.0em;
  font-weight: bold;
}

ul.pulse li.figure div.description a {
  color: #351c2e;
  font-size: 1.0em;
  font-weight: normal;
}

ul.pulse li.figure div.date {
  color: #9b9198;
  font-size: 0.8em;
  font-weight: normal;
}

ul.pulse li.figure {
  padding             : 0 4px 7px 4px;
  margin              : 0 0 11px 0;
  width               : 285px;
  display             : block;
  border-bottom       : 1px solid #53304d;
  font-size           : 0.9em;
}

/*Reusable Components*/

/*Mini Peep*/
li.minipeep {
  background: #FFF;
  display: block;
  width: 80px;
  height: 135px;
  padding: 10px;
  margin: 5px;
  float: left;
  border              : 1px solid #D1CDC3;
  border-radius       : 5px;
  -moz-border-radius  : 5px;
  -webkit-border-radius: 5px;
}

li.minipeep > div.figure {
  background        : url("/images/icons/profile/small/gray.png") no-repeat scroll center center #666666;
  height            : 80px;
  width             : 80px;
}

li.minipeep > div.info > h2 {
  margin: 5px 0 5px 0;
  height: 30px;
}

li.minipeep > div.info > h2 > a {
  font-size: 12px;
  line-height: 14px;
}

li.minipeep > div.info > h4 {
  font-size: 10px;
  border-top: 1px solid #D1CDC3;
}

/*Action Platform List*/
li.action_platform_item {
  margin              : 10px 10px 20px 0;
}

li.action_platform_item > a {
  text-indent         : -10000px;
  background          : url(/images/icons/action_platform_i.png) no-repeat;
  display             : block;
  float               : left;
  height              : 45px;
  width               : 45px;
}

li.action_platform_item > h1 {
  margin-left         : 5px;
}

li.action_platform_item > h1 {
  color               : #000;
  font-family         : Georgia, serif;
  font-weight         : lighter;
  font-size           : 35px;
  line-height         : 45px;
  background          : #FFDD15;
  display             : inline;
}

li.action_platform_item a {
  font-weight         : normal;
}

li.action_platform_item > ul {
  clear               : both;
}

li.action_platform_item ul > li {
  font-family         : "Lucida Grande", sans-serif;
  display             : inline;
}

/*RESET PASSWORD*/

div#reset_password h2 {
  font-size: 36px;
  font-family: Georgia, serif;
  line-height: 36px;
}

div#reset_password p {
  font-size: 14px;
  padding: 10px 0;
  width: 380px;
}

div#reset_password form > div {
  clear               : both;
}

div#reset_password ul.footnotes {
  margin-top          : 150px;
  border-top          : 1px solid #999;
  list-style          : disc;
}

div#reset_password ul.footnotes > li {
  font-style          : italic;
  margin-left         : 20px;
}

div#reset_password div.submit_field {
  clear: both;
}

div#reset_password input {
  line-height                   : 12px;
  padding                       : 6px 5px;
  font-size                     : 14px;
  float                         : left;
  border                        : 1px solid #EDEAE1;
  border-radius                 : 8px;
  -moz-border-radius            : 8px;
  -webkit-border-radius         : 8px;
  color                         : #341B2E;
  background-color              : #fff;
}

div#reset_password span.placeholder {
  font-size: 14px;
  left: 10px;
  padding-top: 6px;
  position:absolute;
}

div#reset_password input[type='submit'] {
  background          : url(/images/buttons/bg_dark_large.png) no-repeat center center;
  font-family         : Arial, sans-serif;
  font-weight         : normal;
  font-size           : 14px;
  color               : #FFF;
  border              : none;
  cursor              : pointer;
  width               : 140px;
  height              : 30px;
  margin-top          : 5px;
}

/* pagination */
div.pagination {
  border-top          : 1px solid #DDDDDD;
  clear               : both;
  font-size           : 11px;
  padding             : 15px 0 5px 0;
}

/**
 *  Lib
 *
 *  The declarations herein are intended to provide component-targeted styles.
 *  For example, a reused widget of sort.
 *
 *  @section  lib
 */

iframe#upload_target {
  width               : 1px;
  height              : 1px;
  position            : absolute;
  top                 : -1px;
}


/**
 *  @section  lighbox structure
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#lightbox_overlay {
  position            : fixed;
  top                 : 0;
  left                : 0;
  height              : 100%;
  width               : 100%;
  z-index             : 98;
  background-color    : #FFF;
  opacity             : 0.5;
}

div#lightbox_wrapper {
  display             : none;
  background          : #000;
  position            : absolute;
  left                : 50%;
  z-index             : 99;
  opacity             : 0.5;
  border-radius         : 20px;
  -moz-border-radius    : 20px;
  -webkit-border-radius : 20px
}

div#lightbox_content {
  font-family         : Georgia, serif;
  display             : none;
  width               : 460px;
  margin-left         : -230px;
  position            : absolute;
  left                : 50%;
  z-index             : 100;
  background          : #FFF;
  border-radius         : 10px;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px
}

div#lightbox_content > h1 {
  font-family         : Georgia, serif;
  font-size           : 1em;
  font-weight         : normal;
  padding-left        : 185px;
  line-height         : 40px;
  color               : #FFF;
  background          : #000 url(/images/logo/white.png) no-repeat 10px;
  height              : 40px;
  position            : relative;
  border-top-right-radius         : 10px;
  border-top-left-radius          : 10px;
  -moz-border-radius-topright     : 10px;
  -moz-border-radius-topleft      : 10px;
  -webkit-border-top-right-radius : 10px;
  -webkit-border-top-left-radius  : 10px;
}


div#lightbox_content > h1 > a.close {
  text-indent         : -10000px;
  background          : url(/images/lightbox/close.png) no-repeat 50% 50%;
  width               : 40px;
  height              : 40px;
  position            : absolute;
  top                 : 0;
  right               : 0;
  outline             : none;
}


/**
 *  @section  lighbox article (content)
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#lightbox_content > div.article {
  font-size           : 16px;
  padding             : 10px 30px;
}

div#lightbox_content > div.article > div.header,
div#lightbox_content > div.article > div.nav,
div#lightbox_content > div.article > div.section {
  display             : block;
}

div#lightbox_content > div.article > div.header > h1,
div#lightbox_content > div.article > div.header > h2 {
  margin              : 6px 0;
}

div#lightbox_content > div.article > div.header > h1,
div#lightbox_content > div.article > div.nav > h1,
div#lightbox_content > div.article > div.section > h1,
div#lightbox_content > div.article > div.section > div.details > h1 {
  font-weight         : bold;
  color               : #000;
}

div#lightbox_content > div.article > div.header > h2 {
  font-size           : 20px;
}

div#lightbox_content > div.article > div.header > h2 > span,
div#lightbox_content > div.article > div.header > h2 > a {
  display             : none;
}

div#lightbox_content > div.article > div.header > p,
div#lightbox_content > div.article > div.nav > p,
div#lightbox_content > div.article > div.section > p,
div#lightbox_content > div.article > div.section > div.details > p {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 12px;
  margin-top          : 10px;
}

div#lightbox_content > div.article > div.nav,
div#lightbox_content > div.article > div.section {
  padding-top         : 10px;
  margin-top          : 10px;
  border-top          : 1px solid #9E9999;
}


/**
 *  @section  lighbox forms
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#lightbox_content form {
  padding             : 10px 0;
}

div#lightbox_content > div.flash {
  padding             : 10px;
}

div.file_field {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 16px;
  color               : #58595B;
  width               : 264px;
  height              : 20px;
  padding             : 8px 10px;
  margin-bottom       : 3px;
  border              : 1px solid #D0D0D0;
  position            : relative;
  background          : #E6E7E8;
  border-radius         : 3px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
}

div.file_field > input {
  width               : 284px;
  opacity             : 0;
  position            : absolute;
  top                 : 0;
  bottom              : 0;
  left                : 0;
  z-index             : 2;
}

div.file_field > span.message {
  font-size           : 14px;
  width               : 264px;
  height              : 20px;
  padding             : 8px 10px;
  display             : block;
  position            : absolute;
  top                 : 0;
  bottom              : 0;
  left                : 0;
  right               : 0;
  z-index             : 1;
}

div#lightbox_content input[type='password'],
div#lightbox_content input[type='text'],
div#lightbox_content select,
div#lightbox_content textarea,
div#user_edit input[type='password'],
div#user_edit input[type='text'],
div#user_edit select,
div#user_edit textarea {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 16px;
  color               : #58595B;
  width               : 264px;
  padding             : 8px 10px;
  margin-bottom       : 3px;
  border              : 1px solid #D0D0D0;
  background          : #E6E7E8;
  border-radius         : 3px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
}

div#lightbox_content input[type='password']:focus,
div#lightbox_content input[type='text']:focus,
div#lightbox_content select:focus,
div#lightbox_content textarea:focus,
div#user_edit input[type='password']:focus,
div#user_edit input[type='text']:focus,
div#user_edit select:focus,
div#user_edit textarea:focus {
  color               : #231F20 !important;
  background-color    : #FFFD00 !important;
}

div#lightbox_content select,
div#user_edit select {
  width               : 286px;
  padding             : 6px 7px;
}

div#lightbox_content input[disabled],
div#user_edit input[disabled],
div.micro_action input[disabled] {
  opacity             : 0.65;
}

div#lightbox_content input[type='reset'],
div#lightbox_content input[type='submit'],
div#lightbox_content a.signup,
div#user_edit input[type='reset'],
div#user_edit input[type='submit'],
div#payments input[type='submit'] {
  font-family         : Georgia, serif;
  font-size           : 17px;
  font-style          : italic;
  font-weight         : normal;
  color               : #58595B;
  line-height         : 10px;
  background          : url(/images/buttons/bg_large.png) no-repeat center center;
  width               : 150px;
  height              : 46px;
  margin              : 12px 0 10px -7px;
  padding-bottom      : 5px;
  border              : none;
  cursor              : pointer;
}

div#action_platform_settings_drawer input[type='submit'],
div#action_platform_read_more_drawer input[type='submit'] {
  font-family         : Arial, sans-serif;
  font-weight         : normal;
  font-size           : 12px;
  color               : #FFF;
  border              : none;
  cursor              : pointer;
  height              : 30px;
  padding-bottom      : 3px;
  margin-top          : 5px;
}

div#action_platform_read_more_drawer input[type='submit'] {
  padding-bottom      : 6px;
}

div#action_platform_settings_drawer input[type='submit'].small,
div#action_platform_read_more_drawer input[type='submit'].small {
  background          : url(/images/buttons/bg_dark_small.png) no-repeat center center;
  width               : 90px;
}

div#action_platform_settings_drawer input[type='submit'].medium {
  background          : url(/images/buttons/bg_dark_medium.png) no-repeat center center;
  width               : 110px;
}

div#action_platform_settings_drawer input[type='submit'].large {
  background          : url(/images/buttons/bg_dark_large.png) no-repeat center center;
  width               : 290px;
  height              : 40px;
  font-size           : 14px;
}

div#action_platform_settings_drawer input[type='submit'].xlarge {
  background          : url(/images/buttons/bg_dark_xlarge.png) no-repeat center center;
  width               : 90px;
}

#action_platform_settings_drawer input.input_area,
#action_platform_read_more_drawer textarea,
#action_platform_read_more_drawer input {
  padding             : 5px;
  background          : #FFFFFF url(/images/forms/textarea_gradient.png) repeat-x scroll 0 0;
  border-color        : #EDEAE1;
  font-size           : 12px;
  border              : 1px solid #D0D0D0;
  -border-radius      : 10px;
  -moz-border-radius  : 10px;
  -webkit-border-radius: 10px;
}

#action_platform_read_more_drawer input,
#action_platform_read_more_drawer textarea {
  float               : left;
  font-family         : inherit;
}

#action_platform_read_more_drawer textarea {
  height              : auto;
  width               : 95%;
}

#action_platform_read_more_drawer a.cancel,
#action_platform_read_more_drawer a.cancel {
  font-size           : 12px;
  font-weight         : normal;
  text-decoration     : underline;
  color               : #7C7D7F;
  margin              : 10px 0 0 5px;
  display             : block;
  float               : left;
}

div#lightbox_content a.signup {
  display             : block;
  text-align          : center;
  line-height         : 46px;
}

div#payments input[type='submit'] {
  background          : url(/images/buttons/bg_xlarge.png) no-repeat center center;
  width               : 190px;
}

/*div#lightbox_content div.nav > ul > li > a,*/
/*div#lightbox_content ul.nav > li > a,*/
div.micro_action div.nav > ul > li > a,
div.micro_action ul.nav > li > a {
  text-align          : center;
  text-decoration     : none;
  line-height         : 46px;
  display             : block;
  margin              : 0 0 0 -7px;
  padding-bottom      : 0;
}

div#lightbox_content form div,
div#user_edit form div,
div.micro_action form div {
  position            : relative;
}

div#lightbox_content form div p {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 12px;
}

div#reset_password form div {
  position            : relative;
}

body.action_platforms.show div#body > div.article > div#main > div.comments > form > div.comment span.placeholder,
div#lightbox_content form div > span.placeholder,
div#reset_password form div > span.placeholder,
div#user_edit form div > span.placeholder,
div#user_search form > div > span.placeholder,
div.micro_action form div > span.placeholder,
.action_platforms.show div.article > div.comments span.placeholder,
#action_platform_settings_drawer_slug span.placeholder,
#action_platform_read_more_drawer span.placeholder,
body.hub span.placeholder {
  position            : absolute;
  top                 : 0;
  left                : 0;
  padding-left        : 5px;
}

div#reset_password form div > span.placeholder {
  margin-top          : 1px;
  padding-left        : 7px;
}

div#lightbox_content form div > span.placeholder {
  padding-top         : 10px;
  padding-left        : 10px;
}

#action_platform_settings_drawer_slug span.placeholder {
  font-size           : 1em;
  padding             : 5px;
  margin-left         : 150px;
}

#action_platform_read_more_drawer span.placeholder {
  color               : #B9BABC;
  padding             : 20px 16px;
}

div.micro_action form div.bg_image > span.placeholder {
  padding             : 8px 0 0 27px;
}

div#lightbox_content form div > span.help,
div#user_edit form div > span.help {
  color               : #000;
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 10px;
  padding             : 2px 6px 0;
  background          : #FFFD00;
  position            : absolute;
  left                : 320px;
  top                 : 18px;
  white-space         : nowrap;
  -moz-box-shadow     : 2px 2px 4px #999;
  -webkit-box-shadow  : 2px 2px 4px #999;
  box-shadow          : 2px 2px 4px #999;
}

div#lightbox_content form div.required,
div#user_edit form div.required,
div.micro_action form div.required {
  background          : url(/images/forms/required.png) no-repeat 300px 0px;
}

div#lightbox_content form > ul.nav {
  margin              : 10px 0 0;
  padding-top         : 8px;
  border-top          : 1px solid #CCC;
}

div#lightbox_content form > ul.nav > li {
  font-size           : 12px;
  color               : #58595B;
  padding             : 0 2px;
}

/**
 *  @section  new account chooser and form
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#account_type div#size_chooser {
  display            : none;
}


div#account_type.non_profit div#size_chooser,
div#account_type.non_profit div#size_chooser ul.non_profit,
div#account_type.non_profit div#account_message,
div#account_type.business div#size_chooser,
div#account_type.business div#size_chooser ul.business,
div#account_type.business div#account_message,
div#account_type.business div#account_message > p.business,
div#account_type.non_profit div#account_message > p.non_profit {
  display             : block;
}

div#account_type div#massive_business_message,
div#account_type div#general_details,
div#account_type #header_message,
div#account_type div#organization_details,
div#account_type.last_step div#size_chooser,
div#account_type.non_profit div#type_chooser,
div#account_type.business div#type_chooser,
div#account_type.last_step div#type_chooser,
div#account_type div#account_message,
div#account_type div#size_chooser ul,
div#account_type.last_step div#account_message {
  display             : none;
}

div#account_type.last_step div#general_details,
div#account_type.business.last_step div#organization_details,
div#account_type.non_profit.last_step div#organization_details {
  display             : block;
}

div#account_type.business.last_step.org_size_11 div#general_details,
div#account_type.business.last_step.org_size_11 div#organization_details {
  display              : none;
}

div#account_type.business.last_step.org_size_11 div#massive_business_message {
  display              : block;
}

div#account_type form {
  font-family         : Georgia, serif;
  margin              : 0;
}

div#account_type h1 {
  font-size           : 1.125em;
  font-weight         : bold;
  color               : #000;
}

div#account_type h2 {
  color               : #58595B;
}

div#account_type form input[type='radio'] {
  display             : none;
}

div#account_type div#type_chooser > ul,
div#account_type div#size_chooser > ul {
  margin              : 20px 0;
  overflow            : hidden;
}

div#account_type div#size_chooser > ul > li,
div#account_type div#type_chooser > ul > li {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 12px;
  text-align          : center;
  width               : 120px;
  height              : 120px;
  line-height         : 188px;
  margin-left         : 16px;
  float               : left;
  background          : url(/images/icons/signup/background.png) no-repeat;
  border-radius         : 3px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
}

div#account_type div#size_chooser > ul > li {
  width               : 80px;
  height              : 50px;
  line-height         : 25px;
  margin-left         : 16px;
  padding             : 15px 0;
}

div#account_type div#size_chooser > ul > li:first-child,
div#account_type div#type_chooser > ul > li:first-child {
  margin-left         : 0;
}

div#account_type div#size_chooser > ul > li > label,
div#account_type div#type_chooser > ul > li > label {
  color               : #000;
  display             : block;
}

div#account_type div#size_chooser > ul > li > label:hover,
div#account_type div#type_chooser > ul > li > label:hover {
  color               : #EB1F66;
  cursor              : pointer;
}

div#account_type div#type_chooser > ul > li.individual > label {
  background          : url(/images/icons/signup/inactive/individual.png) no-repeat;
}

div#account_type div#type_chooser > ul > li.non_profit > label {
  background          : url(/images/icons/signup/inactive/non_profit.png) no-repeat;
}

div#account_type div#type_chooser > ul > li.business > label {
  background          : url(/images/icons/signup/inactive/business.png) no-repeat;
}

div#account_type div#type_chooser > ul > li.individual > label:hover {
  background          : url(/images/icons/signup/active/individual.png) no-repeat;
}

div#account_type div#type_chooser > ul > li.non_profit > label:hover {
  background          : url(/images/icons/signup/active/non_profit.png) no-repeat;
}

div#account_type div#type_chooser > ul > li.business > label:hover {
  background          : url(/images/icons/signup/active/business.png) no-repeat;
}

div#account_type div#account_form,
div#account_type p.individual,
div#account_type p.non_profit,
div#account_type p.business  {
  display             : none;
}

form span.error_explanation {
  color               : #F00;
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 10px;
}

/* 
 * FACEBOOK BUTTONS 
 */
a.fb_button {
  background          : #29447e url(http://static.ak.fbcdn.net/images/connect_sprite.png);
  background-position : left -138px;
  background-repeat   : no-repeat;
  cursor              : pointer;
  display             : inline-block;
  font-size           : 13px;
  line-height         : 16px;
  padding             : 0px 0px 0px 1px;
  text-decoration     : none;
  outline             : none;  
}

a.fb_button > span.fb_button_text {
  border-bottom       : solid 1px #29447e;
  border-top          : solid 1px #45619d;
  background          : #4f6aa3;
  color               : white;
  display             : block;
  font-family         : "lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight         : bold;
  margin-left         : 24px;
  padding             : 2px 6px 4px 6px;
  margin              : 1px 1px 0px 21px;
  text-shadow         : none;
}

input[type='button'].fb_button {
  background          : #29447e url(http://static.ak.fbcdn.net/images/connect_sprite.png);
  background-position : left -138px;
  background-repeat   : no-repeat;
  border              : 0;
  color               : white;
  cursor              : pointer;
  display             : inline-block;
  font-family         : "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size           : 13px;
  font-weight         : bold;
  height              : 25px;
  line-height         : 16px;
  padding             : 3px 6px 4px 31px;
  text-decoration     : none;
  outline             : none;
}

/* ------------------------------------------------------------------------- */
/* TODO (revisit the following)                                              */
/* ------------------------------------------------------------------------- */

body.payments.update div#thankyou h2 {
  font-family         : Georgia, serif;
  font-size           : 36px;
  line-height         : 36px;
}

body.payments.update div#thankyou p {
  font-size           : 14px;
  margin-bottom       : 10px;
}

div#payments {
  background          : #FFF;
  text-align          : center;
  width               : 240px;
  margin-left         : 360px;
  padding             : 0 10px 0 10px;
  border-radius         : 10px;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
}

div#payments h2 {
  color               : #000;
  font-family         : Georgia, serif;
  font-size           : 1.3em;
  padding-bottom      : 10px;
}

div#payments dl {
  text-align          : center;
}

div#payments dt, div#payments dd {
  float               : left;
}

div#payments dt {
  clear               : both;
  width               : 100px;
  text-align          : left;
}

div#errorExplanation {
  display             : none;
}

div.fieldWithErrors > label {
  color               : #B03300;
  position            : relative;
}

div.fieldWithErrors > input,
div.fieldWithErrors > select,
div.fieldWithErrors > textarea {
/*  border-color        : #C00 !important;*/
}

span.fieldWithErrors {
  color               : #f00 !important;
}

#lightbox_content div.flash {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 14px;
}

form > ul.flash,
#lightbox_content div.flash ul {
  font-size           : 12px;
  margin              : 10px 20px;
  list-style          : square;
}

form > ul.flash > li.failure,
#lightbox_content p.failure {
  color               : #DA0000;
}

label > span.error_overlay {
  font-family         : "Lucida Grande";
  font-size           : 11px;
  font-style          : italic;
  line-height         : 1.25em;
  color               : #000;
  padding             : 2px;
  border              : 2px solid #B03300;
  width               : 216px;
  position            : absolute;
  top                 : -2px;
  left                : 113px;
  opacity             : 0.35;
}

div#ui-datepicker-div {
  font-size           : 0.75em;
  display             : none;
  z-index             : 500;
}

.editable {
  float               : left;
  width               : 100%;
  background          : #FFFFFF url(/images/forms/textarea_gradient.png) repeat-x scroll 0 0;
  border              : 1px solid #D1CDC3;
  font-family         : "Lucida Grande", sans-serif;
  padding             : 15px 12px;
  color               : #666;
  font-size           : 12px;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
}

a#fdbk_tab {
  background-image:url("http://s3.amazonaws.com/getsatisfaction.com/images/feedback_trans_tab.png");
  color:#FFFFFF;
  cursor:pointer;
  height:102px;
  left:0;
  margin-left:-7px;
  overflow:hidden;
  position:fixed;
  text-indent:-100000px;
  top:25%;
  width:42px;
  z-index:100000;
}

div.field_with_tip > div {
  float   : left;
  clear   : left;
  margin  : 0;
  z-index : 4;
}

div.field_with_tip > div.tip {
  background-color   : #EDE9E3;
  color              : #341B2E;
  display            : none;
  font-size          : 9px;
  height             : 20px;
  line-height        : 19px;
  margin             : -5px 0 0;
  padding-left       : 10px;
  z-index            : 200;
  border-bottom-right-radius         : 10px;
  border-bottom-left-radius          : 10px;
  -moz-border-radius-bottomright     : 10px;
  -moz-border-radius-bottomleft      : 10px;
  -webkit-border-bottom-right-radius : 10px;
  -webkit-border-bottom-left-radius  : 10px;
}

div.field_with_tip.active > div.tip {
  display      : block;
}

ul.suggestables {
  position         : absolute;
  width            : 240px;
}

ul.suggestables > li {
  background-color : #fff;
  border-bottom    : 1px solid #EDEAE1;
  font-weight      : normal;
  padding          : 5px 10px;
  z-index          : 201;
  position         : relative;
  cursor           : pointer;
}

ul.suggestables > li.selected {
  background-color : #EDEAE1;
  font-weight      : bold;
}

/**
 *  @section  views: action_platforms
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */
 
body.action_platforms.index div#body > h1 {
  font-family         : Arial, sans-serif;
  font-size           : 36px;
  color               : #000;
  height              : 50px;
  border-bottom       : 1px solid #58595B;
}

body.action_platforms.index div#body > ul > li > h2 {
  font-size           : 30px;
  line-height         : 60px;
  margin              : 5px 0;
}

body.action_platforms.index div#body > ul > li > h2 > a {
  -moz-background-clip          : border;
  -moz-background-inline-policy : continuous;
  -moz-background-origin        : padding;
  font-weight         : normal;
  background          : #FCDE4C url(/images/icons/action_platform.png) no-repeat scroll 10px 6px;
  color               : #000000;
  display             : inline;
  padding             : 10px 10px 10px 65px;
}

body.action_platforms.show div#body {
  overflow            : visible;
}

/* clearfix (needed because of the 'overflow : visible') */
body.action_platforms.show div#body:after {
  content               : ".";
  display               : block;
  clear                 : both;
  visibility            : hidden;
  line-height           : 0;
  height                : 0;
}
 
body.action_platforms.show div#body {
  display               : inline-block;
}
 
html[xmlns] body.action_platforms.show div#body {
  display               : block;
}
 
* html body.action_platforms.show div#body {
  height                : 1%;
}
/* end */

body.action_platforms.show div#body > div.article,
body.action_platforms.show div#body > div.aside {
  float               : right;
}

body.action_statement_platform.show div#body > div.article{
  float               : left;
}

body.action_platforms.show div#body > div.article {
  width               : 608px;
}

body.action_platforms.show div#body > div.article > div#main,
body.action_platforms.show div#body > div.article > div.actors {
  background: #FFF;
  margin-top: 2px;
}

body.action_platforms.show div#body > div.article > div.micro_actions,
body.action_platforms.show div#body > div.article > div.comments,
body.action_platforms.show div#body > div.article > div.media,
body.action_platforms.show div#body > div.article > div.actors {
  display : none;
  width   : 608px;
  height  : 600px; /* necessary when there is no content */
}

body.action_platforms.show div#body > div.article div.actors li.figure {
  float: left;
  padding: 10px;
  margin: 0 0 9px 9px;
  display: block;
  background: #000;
  width: 170px;
  height: 110px;
  border-radius         : 10px;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px
}

body.action_platforms.show div#body > div.article div.actors li.figure div.image {
  background: url(/images/icons/profile/peep_s/gray.png);
  position: relative;
  display: block;
  width: 170px;
  height: 110px;
}

body.action_platforms.show div#body > div.article div.actors li.figure div.image div.overlay {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 30px;
  width: 170px;
  position: absolute;
  bottom: 0;
  left: 0;
}

body.action_platforms.show div#body > div.article div.actors li.figure h2 {
  color: #FFF;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 5px;
  border: none;
}

body.action_platforms.show div#body > div.article div.actors li.figure h2 > a {
  color: #FFF;
}

body.action_platforms.show div#body > div.article div#micro_actions {
  padding             : 0 10px 5px 10px;
  background          : #FFF;
  margin-top          : 2px;
}

body.action_platforms.show div#body > div.article div.micro_actions div#micro_actions {
  padding-bottom      : 70px;
}

div.micro_actions a.all_microactions,
div#main div#micro_actions > div.section.empty {
  display             : none;
}

body.action_statement_platform.show div#body > div.article {
  width               : 940px;
}

body.action_platforms.show div#body > div.aside {
  background          : #FFF;
  width               : 300px;
  margin              : 2px 2px 2px 0;
  padding             : 15px;
}

body.action_platforms.show div#body > div.header {
  font-family         : Helvetica, sans-serif;
  width               : 940px;
}

body.action_platforms.show div#body > div.header > div.platform_info {
  padding             : 10px 20px;
  overflow            : hidden;
  background          : #FFF;
  position            : relative;
}

body.action_platforms.show div#body > div.header > div.platform_info hr {
  color               : #BDB7A8;
}

body.action_platforms.show div#body > div.header div#header_img {
  background          : #ACA89C url(/images/icons/profile/medium/black.png) no-repeat center center;
  float               : left;
  height              : 80px;
  width               : 80px;
}

body.action_platforms.show div#body > div.header div#header_img.no_bg {
  background          : none;
}

body.action_platforms.show div#body > div.header h1 {
  font-size           : 18px;
  color               : #9b9198;
  margin-bottom       : 5px;
  padding-left         : 10px;
  text-align          : left;
  font-weight         : normal;
  float               : left;
}

body.action_platforms.show div#body > div.header h2 {
  font-family         : Georgia, serif;
  font-size           : 1.9em;
  font-weight         : lighter;
  color               : #351C2E;
  line-height         : 1.25;
  padding-left        : 10px;
  width               : 800px;
  color               : #000;
  float               : left;
}

body.action_platforms.show div#body > div.header h2 span {
  background: #FCDE4C;
}

body.action_platforms.show div#body div.header > ul {

}
body.action_platforms.show div#body div.header > ul > li {
  float: left;
}

body.action_platforms.show div#body div.header > ul.settings_nav {
  margin: 2px 0 0 750px;
  float: right;
}

body.action_platforms.show div#body div.header > div.platform_info h3,
body.action_platforms.show div#body div.header > ul.settings_nav > li {
  font-weight: bold;
  font-size: 12px;
  color: #9b9198;
  padding: 7px 0;
}

body.action_platforms.show div#body div.header > div.platform_info h3 {
  position            : absolute;
  top                 : 0;
  right               : 20px;
}

body.action_platforms.show div#body div.header > ul.settings_nav > li {
  background: #FFF;
  text-align: center;
  margin-right: 2px;
}

body.action_platforms.show div#body div.header > ul.platform_nav {
  padding: 15px 0 2px;
}

body.action_platforms.show div#body div.header > ul.platform_nav li {
  background: #A89DA2;
  color: #FFF;
  font-size: 16px;
  padding: 15px;
  margin-right: 2px;
}

body.action_platforms.show div#body div.header > ul.platform_nav li.selected {
  background-color: #FFF;
}

body.action_platforms.show div#body div.header > ul.platform_nav li.selected > a{
  color:#A89DA2;
}

body.action_platforms.show div#body div.header > ul.platform_nav li > a{
  color: #FFF;
}

/*Settings*/

body.action_platforms.show div#action_platform_read_more_drawer {
  background          : #FFF;
  padding             : 20px;
  position            : relative;
}

body.action_platforms.show div#action_platform_read_more_drawer > a.close {
  position            : absolute;
  top                 : 0;
  right               : 20px;
}

body.action_platforms.show div#action_platform_read_more_drawer h4 {
  font-size: 10px;
}

#action_platform_settings_drawer {
  background: #FFF;
  padding: 20px 20px 0 20px;
  font-size: 0.9em;
}

body.action_platforms.show div#action_platform_read_more_drawer h3,
body.action_platforms.show div#action_platform_settings_drawer ul.settings_boxes h3 {
  clear               : both;
  color               : #9B9198;
  font-size           : 16px;
  font-weight         : bold;
  padding-bottom      : 10px;
}

div#action_platform_settings_drawer ul.settings_boxes p {
  font-size: 1.0em;
  line-height: 1.4em;
  padding-bottom: .8em;
}

div#action_platform_read_more_drawer li {
  margin-bottom : 10px;
}

div#action_platform_read_more_drawer ul.display {
  padding-top: 10px;
}

div#action_platform_read_more_drawer ul.display > li.description > h2 {
  color               : #9B9198;
  font-family         : Arial, sans-serif;
  font-size           : 16px;
  font-weight         : bold;
  padding             : 25px 0 10px;
  margin-bottom       : 15px;
}

div#action_platform_read_more_drawer textarea#action_platform_description {
  font-family         : "Lucida Grande", sans-serif;
  color               : #666;
  padding             : 18px 16px;
  height              : 60px;
  width               : 364px;
  float               : left;
}

div#action_platform_read_more_drawer div#platform_media {
  display             : none;
}

div#action_platform_read_more_drawer ul.settings_boxes li,
div#action_platform_read_more_drawer ul.display li {
  float: left;
  width: 450px;
}

div#action_platform_read_more_drawer div#add_media {
  text-align            : center;
  height                : 150px;
}

div#action_platform_read_more_drawer div#add_media > div.actions {
  margin-top            : 65px;
}

div#action_platform_settings_drawer ul.settings_boxes {
  width                 : 50%;
  float                 : left;
}

div#action_platform_settings_drawer ul.settings_boxes > li {
  margin-bottom         : 10px;
}

div#action_platform_settings_drawer ul.settings_boxes:first-child > li > div.edit {
  margin-left           : 0;
}

div#action_platform_read_more_drawer ul.settings_boxes > li {
  width                 : 50%;
}

div#action_platform_read_more_drawer ul.settings_boxes > li.description a.edit {
  position              : absolute;
  bottom                : 20px;
  left                  : 20px;
}

div#action_platform_settings_drawer  ul.settings_boxes > li > div.edit,
div#action_platform_read_more_drawer ul.settings_boxes > li > div.edit {
  color                 : #9C9199;
  margin-left           : 10px;
  padding               : 20px;
  background-color      : #FAF7ED;
  border                : solid 1px #DAD3D1;
  border-radius         : 10px;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
}

div#action_platform_read_more_drawer ul.settings_boxes > li > div.edit > form {
  min-height            : 150px;
  position              : relative;
}

div#action_platform_read_more_drawer ul.settings_boxes > li > div.edit > form div.buttons {
  clear                 : both;
  overflow              : hidden;
}

div#action_platform_settings_drawer  ul.settings_boxes li#action_platform_read_more_drawer_desc > div.edit,
div#action_platform_read_more_drawer ul.settings_boxes li#action_platform_read_more_drawer_desc > div.edit {
  margin-left           : 0;
}

div#action_platform_settings_drawer_colors div#colorpicker {
  width: 300px;
}

div#action_platform_settings_drawer_colors div.color_selectors a {
  padding: 15px;
  font-weight: normal;
  display: block;
  height: 20px;
  width: 60px;
}
div#action_platform_settings_drawer_colors div.color_selectors a.selected {
  font-weight: bold;
}
div#action_platform_settings_drawer_colors div.color_selectors a {
  display: inline-table;
}

div#action_platform_settings_drawer_colors div.color_selectors a.default {
  background: yellow;
}

div#action_platform_settings_drawer_colors div.color_selectors a.white {
  background: #FFF;
}

div#action_platform_settings_drawer_colors div.color_selectors a.black {
  background: #000;
  color: #FFF;
}

li#action_platform_read_more_drawer_media form > div {
  clear         : both;
  margin-bottom : 10px;
}

li#action_platform_read_more_drawer_media form div > label,
li#action_platform_read_more_drawer_media form div > input {
  clear         : both;
  display       : block;
}

body.action_platforms.show div#body > div.article > div.header,
body.action_platforms.show div#body > div.article > div.section {
  border-bottom       : 1px solid #9E9999;
  margin-bottom       : 10px;
  padding-bottom      : 10px;
}

body.action_statement_platform.show div#body > div.article > div.header,
body.action_statement_platform.show div#body > div.article > div.section {
  border-bottom       : 0;
  margin-bottom       : 0;
  padding-bottom      : 0;
}

body.action_platforms.show div#body > div.article > div.header {
  overflow            : hidden;
}

body.action_platforms.show div#body > div.article > div.header > div.figure,
body.action_platforms.show div#body > div.article > div.header > ul {
  margin-top          : 24px;
}

body.action_platforms.show div#body > div.article > div.header > div.figure {
  background          : #FCDE4C url(/images/icons/profile/medium/black.png) no-repeat center center;
  padding             : 5px;
  float               : left;
  clear               : both;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px
}

body.action_platforms.show div#body > div.article > div.header > div.figure > img {
  width               : 80px;
  height              : 80px;
}

body.action_platforms.show div#body > div.article > div.header > ul {
  margin-left         : 100px;
}

body.action_platforms.show div#body > div.article > div.header > ul > li {
  margin-bottom       : 10px;
}

body.action_platforms.show div#body > div.article > div.header > ul > li.location {
  width               : 255px;
  margin-left         : 265px;
  line-height         : 26px;
}

body.action_platforms.show div#body > div.article > div.header > ul > li.description {
  line-height         : 26px;
  float               : left;
  width               : 450px;
  margin-bottom       : 20px;
}

body.action_platforms.show div#body > div.article > div.header > ul > li input,
body.action_platforms.show div#body > div.article > div.header > ul > li span {

}

body.action_platforms.show div#body > div.article > div.section {
  clear               : both;
}

body.action_platforms.show div#body > div.article a#add_microaction {
  text-indent         : -10000px;
  background          : url(/images/buttons/add_another_microaction.png) no-repeat;
  width               : 263px;
  height              : 52px;
  display             : block;
  margin              : 5px 0 0 -5px;
}

body.action_platforms.show div#body > div.article > div.section > h2 {
  color               : #000;
}

body.action_platforms.show div#body > div.article h2,
body.action_platforms.show div#body > div.aside > div.section > h2,
body.action_platforms.show div#body > div.article div.comments > h4,
body.hub div#comments > h4 {
  border-bottom       : 1px solid #BDB7A8;
  clear               : both;
  color               : #9B9198;
  font-size           : 16px;
  font-weight         : bold;
  padding             : 25px 0 10px;
  margin-bottom       : 15px;
}
body.action_platforms.show div#body > div.aside > div.section > h2 {
  margin-bottom: 0;
}

body.action_platforms.show div#body > div.aside ul.pulse div.description {
  display: none;
}

/*Comments*/

body.action_platforms.show div#body > div.article > div#main >div.comments{
  font-size           : 12px;
  position            : relative;
  padding             : 10px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > h4,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > h4 {
  color               : #736B70;  
  font-size           : 12px;
  font-weight         : bold;
  margin-bottom       : 0;
  padding-bottom      : 10px;
  width               : 96px;
  border-bottom       : none;
}

div.micro_action div.comments .comments_count {
  display             : block;
  float               : right;
  width               : 24px;
  height              : 20px;
  font-size           : 11px;
  margin-top          : 3px;
  color               : #fff;
  font-weight         : bold;
  text-align          : center;
  line-height         : 15px;
  background          : transparent url(/images/micro_actions/icons/active/comments.png) no-repeat scroll top left;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form,
body.hub div#comments > form {
  height              : 95px;
  padding             : 10px 0 0px 0;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form,
body.hub div#comments > form {
  height              : 75px;
  padding             : 10px 0 5px 0;
}

body.action_platforms.show div#body > div.article div.comments > form div.input_overlay,
body.hub div#comments > form div.input_overlay {
  color               : #58595B;
  line-height         : 1.25em;
}

body.action_platforms.show div#body > div.article form div.input_overlay label,
body.hub div#comments form div.input_overlay label {
  font-family         : Arial, sans-serif;
  font-size           : 12px;
}

body.action_platforms.show div#body > div.article > div#main div.micro_action > form div.input_overlay {
  top                 : 15px;  
}

body.action_platforms.show div#body > div.article > div#main div.micro_action > form div.input_overlay.photo {
  left                : 160px;  
}

body.action_platforms.show div#body > div.article > div#main div.micro_action > form div.input_overlay.video {
  left                : 230px;  
}

body.action_platforms.show div#body > div.article > div#main > div.comments > form div.input_overlay,
body.hub div#comments > form div.input_overlay {
  top                 : 121px;  
}

body.action_platforms.show div#body > div.article > div#main > div.comments > form div.input_overlay.photo,
body.hub div#comments form div.input_overlay.photo {
  left                : 212px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form div.input_overlay {
  top                 : 245px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form div.input_overlay.photo,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form div.input_overlay.photo {
  left                : 275px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form div.input_overlay.video,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form div.input_overlay.video {
  left                : 350px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form div.input_overlay.video,
body.hub div#comments > form div.input_overlay.video {
  left                : 282px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > input[type="submit"],
body.hub div#comments > form > input[type="submit"],
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > input[type="submit"],
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > input[type="submit"] {
  background-image: url(/images/micro_actions/buttons/rollover.png);
  color               : #fff;
  font-weight         : bold;
  float               : right ;
  padding             : 0 0 3px 0;
  width               : 70px;
  height              : 23px;
  border              : 1px solid #fff;
  cursor              : pointer;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
} 

body.action_platforms.show div#body > div.article > div#main >div.comments > form > input[type="submit"]:hover,
body.hub div#comments > form > input[type="submit"]:hover,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > input[type="submit"]:hover,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > input[type="submit"]:hover {
  text-decoration     : underline;
}

body.action_platforms.show div#body > div.article > div#main >div.comments div.userpic,
body.hub div#comments div.userpic {
  background          : #fff url(/images/icons/profile/medium/gray.png) no-repeat scroll 4px 4px;
  float               : left;
  width               : 80px;
  height              : 80px;
  margin-right        :15px;
  padding             : 5px;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius: 6px;  
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments div.userpic,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments div.userpic {
  background          : url(/images/icons/profile/small/gray.png) no-repeat scroll 2px 2px;
  float               : left;
  width               : 40px;
  height              : 40px;
  margin-right        : 13px;
  margin-top          : 3px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > div.comment,
body.hub div#comments > form > div.comment {
  position            : relative;
  float               : left;
  width               : 456px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > div.comment,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > div.comment {
  position            : relative;
  float               : left;
  width               : 421px;
}

body.action_platforms.show div#body > div.article > div#main > div.comments > form > div.comment span.placeholder,
body.hub div#comments > form > div.comment span.placeholder,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > div.comment span.placeholder,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > div.comment span.placeholder {
  color               : #B9BABC;
  padding             : 15px 12px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > div textarea,
body.hub div#comments > form > div textarea,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > div textarea,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > div textarea {
  float               : left;
  width               : 100%;
  height              : 50px;
  background          : #FFFFFF url(/images/forms/textarea_gradient.png) repeat-x scroll 0 0;
  border              : 1px solid #D1CDC3;
  font-family         : "Lucida Grande", sans-serif;
  padding             : 15px 12px;
  color               : #666;
  font-size           : 12px;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > div textarea,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > div textarea {
  padding             : 11px 10px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > div div.fieldWithErrors textarea,
body.hub div#comments > form > div div.fieldWithErrors textarea, 
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > div div.fieldWithErrors textarea,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > div div.fieldWithErrors textarea {
  height              : 50px;
  border              : 1px solid #FF0000;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > ul,
body.hub div#comments > form > ul,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > ul,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > ul {
  float               : left;
  clear               : left;
  padding-left        : 106px;
  padding-bottom      : 5px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > ul > li,
body.hub div#comments > form > ul > li,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > ul > li,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > ul > li {
  color               : #9b9198;
  float               : left;
  display             : block;
  margin-right        : 3px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > ul > li:first-child,
body.hub div#comments > form > ul > li:first-child, 
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > ul > li:first-child,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > ul > li:first-child {
  margin-right        : 10px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > ul > li > a,
body.hub div#comments > form > ul > li > a, 
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > ul > li > a,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > ul > li > a  {
  border              : 1px solid #FFFFFF;
  width               : 48px;
  height              : 13px;
  line-height         : 13px;
  font-size           : 12px;
  font-weight         : bold;
  text-align          : center;
  padding             : 4px 10px;
  display             : block;
  float               : left;
  color               : #fff;
  background          : transparent url(/images/micro_actions/buttons/background.png) no-repeat scroll;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > ul > li > a:hover,
body.hub div#comments > form > ul > li > a:hover,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > ul > li > a:hover,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > ul > li > a:hover {
  text-decoration     : underline;
  background-image    : url(/images/micro_actions/buttons/rollover.png);
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form > ul > li:first-child,
body.hub div#comments > form > ul > li:first-child,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form > ul > li:first-child,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form > ul > li:first-child {
  text-transform      : capitalize;
  padding-top         : 3px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > form .error_explanation,
body.hub div#comments > form .error_explanation, 
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > form .error_explanation,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > form .error_explanation  {
  display             : none;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > ul > li,
body.hub div#comments > ul > li,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > ul >li,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > ul >li {
  padding             : 10px 0px;
  color               : #7C7D7F;
  float               : left;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > ul > li,
body.hub div#comments > ul > li {
  border-bottom       : 1px solid #BDB7A8;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > ul >li,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > ul >li {
  margin-top          : 15px;
  border-top          : 1px solid #BDB7A8;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > ul > li > div > p,
body.hub div#comments > ul > li > div > p,
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > ul >li > div > p,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments > ul >li > div > p {
  line-height         : 18px;
  margin-bottom       : 2px;
  width               : 430px;
}

body.action_platforms.show div#body > div.article > div#main >div.comments > ul > li > div,
body.hub div#comments > ul > li > div {
  float               : left;
  width               : 480px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments >ul > li > div,
body.action_platforms.show div#body > div.article > div.micro_actions div#micro_actions div.micro_action div.comments >ul > li > div  {
  float               : left;
  width               : 430;
  color               : #9B9199;
  font-size           : 12px;
  line-height         : 14px;
}

body.action_platforms.show div#body > div.article > div#main > div.comments > ul > li > div.date,
body.hub div#comments > ul > li > div.date, 
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > ul > li > div.date {
  font-size           : 9px;
  color               : #BDB7A8;
  clear               : both;
  margin-left         : 105px;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments > ul > li > div.date {
  margin-left         : 55px;
}

div.micro_action div.comments div.date {
  font-size           : 10px;
  margin-top          : 15px;
}

body.action_platforms.show div#body > div.article > div#main > div.comments  ul.media,
body.hub div#comments ul.media, 
body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments ul.media {
  padding-left        : 106px;
  float               : left;
}

body.action_platforms.show div#body > div.article > div#main > div.comments  ul.media > li,
body.hub div#comments ul.media > li {
  padding             : 10px 0;
}

body.action_platforms.show div#body > div.article > div#main div#micro_actions div.micro_action div.comments ul.media > li {
  padding-top         : 15px;
}

body.action_platforms.show div#body > div.article > div#main > div.comments  ul.media > li img,
body.hub div#comments ul.media > li img {
  max-width           : 480px;
}

body.action_platforms.show div#body > div.article div#micro_actions div.micro_action div.comments ul.media > li img {
  max-width           : 300px;
}

body.action_platforms.show div#body > div.aside > div.section {
  margin-bottom       : 30px;
}

body.action_platforms.show div#body > div.aside > div.section > ul {
  overflow            : hidden;
}

body.action_platforms.show div#body > div.aside > div.section > ul > li.figure {
  padding             : 12px 5px;
  margin              : 0;
  width               : 285px;
  display             : block;
  border-bottom       : 1px solid #bdb7a8;
  font-size           : 0.9em;
}

body.action_platforms.show div#body > div.aside > div.section > ul > li.figure.video {
  background          : #666;
}

body.action_platforms.show div#body > div.aside > div.figure  {
  position            : relative;
}

body.action_platforms.show div#body > div.aside > div.figure > div#compass {
  text-align          : center;
  margin-bottom       : 20px;
}

body.action_platforms.show div#body > div.aside > div.figure > div.caption {
  display             : none;
  color               : #FFF;
  background          : #000;
  padding             : 4px 10px;
  position            : absolute;
  top                 : 40px;
  left                : 0px;
  opacity             : 0.8;
  white-space         : nowrap;
  border              : 3px solid #FFF;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkitborder-radius  : 5px;
}

body.action_platforms.show div#body > div.aside > div.section > ul > li.figure > p.caption {
  display             : none;
}

div#lightbox_content > div#release_micro_action,
div#lightbox_content > div#delete_action_platform,
div#lightbox_content > div#share_action,
div#lightbox_content > div#delete_action_platform_comment  {
  padding             : 10px;
}

div#lightbox_content > div#release_micro_action > h2,
div#lightbox_content > div#delete_action_platform > h2,
div#lightbox_content > div#delete_action_platform_comment > h2 {
  font-weight         : bold;
}

div#lightbox_content > div#delete_action_platform_comment > h2 {
  margin-bottom       : 10px;
}

div#lightbox_content > div#release_micro_action > p,
div#lightbox_content > div#delete_action_platform > p,
div#lightbox_content > div#delete_action_platform_comment > p {
  margin              : 10px 0;
}

div#lightbox_content > div#release_micro_action > ul > li > a.release,
div#lightbox_content > div#delete_action_platform > ul > li > a.delete,
div#lightbox_content > div#delete_action_platform_comment > ul > li > a.delete {
  color               : #FF0000;
}

div#lightbox_content > div#share_action {
  font-family         : "Lucida Grande";
  font-size           : 12px;
}

div#lightbox_content > div#share_action > ul > li {
  margin-bottom       : 10px;
}

/* NEW ACTION PLATFORM PAGE */
body.action_statement_platform.show div#body {
  overflow              : visible;
}

/* clearfix (needed because of the 'overflow : visible') */
body.action_statement_platform.show div#body:after {
  content               : ".";
  display               : block;
  clear                 : both;
  visibility            : hidden;
  line-height           : 0;
  height                : 0;
}
 
body.action_statement_platform.show div#body {
  display               : inline-block;
}
 
html[xmlns] body.action_statement_platform.show div#body {
  display               : block;
}
 
* html body.action_statement_platform.show div#body {
  height                : 1%;
}
/* end */

body.action_statement_platform.show div#body > div.article {
  margin                : 100px 0 0;
}

body.action_statement_platform.show div#body > div.article > div.header,
body.action_statement_platform.show div#body > div.article > div.section {
  font-family           : Georgia, serif;
}

body.action_statement_platform.show div#body > div.article > div.header > h1,
body.action_statement_platform.show div#body > div.article > div.section > h2 {
  font-size             : 1.2em;
  color                 : #000;
  margin                : 10px 0;
}

body.action_statement_platform.show div#body > div.article > div.header > h1 {
  float                 : left;
  font-weight           : bold;
}

body.action_statement_platform.show div#body > div.article > div.header > h2 {
  margin                : 0;
  padding               : 0;
}

body.action_statement_platform.show div#body > div.article > div.header > h2 > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.action_platforms > li > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li > a > span {
  color                 : #000;
  margin                : 2px 0 2px -10000px;
  padding               : 0 10px 4px 10000px;
  display               : block;
  float                 : left;
  clear                 : both;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statement_platform.show div#body > div.article > div.header > h2 > span {
  font-size             : 54px;
  line-height           : 64px;
  background            : #FFDD15;
}

body.action_statement_platform.show div#body > div.article > div.header > h2 > span > a {
  margin                : 15px 0 0 20px;
  display               : block;
  float                 : right;
}

body.action_statement_platform.show div#body div#create_action_platform {
  padding               : 5px;
  float                 : left;
  clear                 : both;
}

body.action_statement_platform.show div#body div#create_action_platform p {
  color                 : #000;
  font-size             : 12px;
  padding-bottom        : 5px;
}

body.action_statement_platform.show div#body > div.article > div.section {
  clear                 : both;
}

body.action_statement_platform.show div#body > div.article > div.section > h2 {
  padding-top           : 35px;
}

body.action_statement_platform.show div#body > div.article > div.section > ul.action_platforms > li > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li > a > span {
  font-weight           : normal;
  font-size             : 32px;
  line-height           : 42px;
  padding               : 0 10px 2px 10000px;
}

body.action_statement_platform.show div#body > div.article > div.section > ul.action_platforms > li > span {
  background            : #FFDD15;
}

body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li > a {
  text-decoration       : none;
}

body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li > a > span {
  color                 : #FFF;
}

body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.fund > a > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.fund >  a.platform_jump {
  background            : #59A893 url(/images/background/gradient.png) repeat-x;
}
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.organize > a > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.organize >  a.platform_jump {
  background            : #00CCF3 url(/images/background/gradient.png) repeat-x;
}
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.support > a > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.support >  a.platform_jump {
  background            : #8E2CDB url(/images/background/gradient.png) repeat-x;
}
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.produce > a > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.produce >  a.platform_jump {
  background            : #FE9500 url(/images/background/gradient.png) repeat-x;
}
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.create > a > span,
body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li.create >  a.platform_jump {
  background            : #FF0063 url(/images/background/gradient.png) repeat-x;
}


/* TODO: this should be an image*/
body.action_statement_platform.show div#body > div.article > div.section > ul.action_platforms > li > span > a {
  font-family         : Georgia, Times, serif;
  font-size           : .5em;
  font-style          : italic;
  font-weight         : normal;
  text-decoration     : none;
  line-height         : .6em;
  background          : #E7E7E7;
  display             : block;
  float               : right;
  margin              : 8px 0 8px 10px;
  padding             : 8px 15px;
  border              : 1px solid #DDD;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statement_platform.show div#body > div.article > div.section > ul.micro_actions > li >  a.platform_jump {
  font-size           : 40px;
  font-weight         : bold;
  text-decoration     : none;
  line-height         : 42px;
  color               : #FFF;
  display             : block;
  float               : left;
  width               : 25px;
  height              : 44px;
  margin              : 2px 0 0 5px;
  padding             : 0 10px 0 10px;
  border              : none;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statement_platform.new div#body {
  padding-top         : 40px;
}

body.action_statement_platform.new div#body > div.article {
  margin-top          : 0px;
}

body.action_statement_platform.new div#body > div.article > div#welcome {
  border-bottom       : 1px solid #B0AFAF;
  padding-bottom      : 5px;
  margin-bottom       : 15px;
}

body.action_statement_platform.new div#body > div.article > div#welcome > h1 {
  font-size           : 36px;
  line-height         : 46px;
  font-family         : Georgia, serif;
  color               : #241F20;
}

/*Tags*/
body.action_platforms.show div#body > div.aside ul#tags {
  padding: 10px 0;
}

body.action_platforms.show div#body > div.aside ul#tags > li {
  float: left;
  background: lightgray;
  padding: 0 5px;
  margin: 0 2px 2px 0;
}

body.action_platforms.show div#body > div.aside div#tag_box a.add_tag {
  width               : 27px;
  height              : 27px;
  margin              : 2px 0 0 5px;
  background          : transparent url(/images/micro_actions/icons/inactive/invite.png);
  text-indent         : -50000px;
  display             : block;
  float               : left;
}

body.action_platforms.show div#body > div.aside div#tag_box a.add_tag:hover {
  background-image    : url(/images/micro_actions/icons/active/invite.png);
}

body.action_platforms.show div#body > div.aside div#tag_box span.placeholder {
  padding: 6px 0 0 10px;
}

body.action_platforms.show div#tag_box div.tip {
  width               : 127px;
}

body.action_platforms.show div#tag_box input#tags {
  width               : 125px;
}

body.action_platforms.show div#tag_box  div.field_with_tip  {
  float               : left;
}

body.action_platforms.show div#body > div.aside div#tag_box input {
  line-height                   : 12px;
  padding                       : 6px 5px;
  font-size                     : 14px;
  float                         : left;
  border                        : 1px solid #EDEAE1;
  border-radius                 : 8px;
  -moz-border-radius            : 8px;
  -webkit-border-radius         : 8px;
  color                         : #341B2E;
  background-color              : #fff;
}

body.action_platforms.show div#body > div.aside div#tag_box span.placeholder {
  left: 10px;
  position:absolute;
}


/**
 *  @section  views: action_statements/new
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

body.action_statements.new div#container {
  background          : #F6F6F8
}

body.action_statements div#body > form#welcome {
  width               : 940px;
  margin              : 100px auto 0;
  position            : relative;
}

body.action_statements div#body > form#welcome > img {
  position            : absolute;
  left                : 100px;
  top                 : 0px;
}

body.action_statements div#body > form#welcome label {
  font-family         : Georgia, Times, serif;
  font-size           : 2.225em;
  display             : block;
  height              : 50px;
  line-height         : 50px;
  padding-left        : 40px;
  background          : url(/images/icons/action_statement.png) no-repeat 0 7px;
  position            : absolute;
  top                 : -2px;
  left                : 0px;
}

body.action_statements div#body > form#welcome div.field,
body.action_statements div#body > form#welcome div.button {
  border              : 1px solid #CDCDCF;
  border-radius         : 8px;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
}

body.action_statements div#body > form#welcome div.field {
  margin              : 0 100px 0 360px;
  background-color    : #FFF;
  position            : relative;
  z-index             : 0;
}

body.action_statements div#body > form#welcome div.field > textarea {
  font-size           : 2.25em;
  font-family         : Georgia, Times, serif;
  line-height         : 35px;
  padding             : 5px 10px 3px;
  margin              : 0;
  width               : 458px;
  height              : 40px;
  background          : transparent;
  border              : none;
  border-radius         : 7px;
  -moz-border-radius    : 7px;
  -webkit-border-radius : 7px;
}

body.action_statements div#body > form#welcome div.field > div.screen {
  display             : none;
  background-color    : #EE4540;
  position            : absolute;
  top                 : 0;
  left                : 0;
  right               : 0;
  bottom              : 0;
  z-index             : -1;
  border-radius         : 7px;
  -moz-border-radius    : 7px;
  -webkit-border-radius : 7px;
}

body.action_statements div#body > form#welcome div.field > span.count {
  font-size           : 11px;
  font-weight         : bold;
  color               : #595257;
  position            : absolute;
  bottom              : -20px;
  right               : 3px;
}

body.action_statements div#body > form#welcome div.button {
  display             : none;
  position            : absolute;
  top                 : 0px;
  right               : 0px;
}

body.action_statements div#body > form#welcome div.button > input[type=submit] {
  font-size           : 12px; /* TODO: convert to em */
  color               : #FFF;
  height              : 48px;
  width               : 92px;
  border              : none;
  background          : #000 no-repeat center center;
  cursor              : pointer;
  border-radius         : 8px;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
}

body.action_statements div#body > form#welcome div.button > input[type=submit].waiting {
  color               : transparent;
  background-image    : url(/images/icons/hp_loading.gif);
}

body.action_statements div#body > form#welcome div.button > input[type=submit]:focus,
body.action_statements div#body > form#welcome div.button > input[type=submit]:hover {
  background-color    : #EE4540;
}

body.action_statements div#body > form#welcome div.button > input[type=submit].waiting:focus,
body.action_statements div#body > form#welcome div.button > input[type=submit].waiting:hover {
  background-image    : url(/images/icons/hp_loading_hover.gif);
}

body.action_statements.new div#body {
  padding-bottom      : 60px;
}

body.action_statements.new div#footer_background {
  display             : none;
}

body div#body,
body.action_statements.new.authenticated div#body {
  padding-bottom      : 360px;
}

body div#footer_background,
body.action_statements.new.authenticated div#footer_background {
  background          : #202020;
  width               : 100%;
  height              : 310px;
  display             : block;
  bottom              : 0;
  position            : absolute;
}

body div#homepage_footer {
  color               : #ECECE0;
  width               : 940px;
  margin              : 0 auto;
  padding             : 20px 0 40px;
}

body div#homepage_footer a {
  font-size           : 12px;
  font-weight         : normal;
  color               : #EE4540;
}

body div#homepage_footer > ul {
  overflow            : hidden;
}

body div#homepage_footer > ul > li {
  width               : 25%;
  float               : left;
}

body div#homepage_footer > ul > li > div.article,
body div#homepage_footer > ul > li > div.article a {
  font-size           : 12px;
}

body div#homepage_footer > ul > li > div.article {
  margin              : 0 10px;
}

body div#homepage_footer > ul > li:first-child > div.article {
  margin-left         : 0;
}

body div#homepage_footer > ul > li:last-child > div.article {
  margin-right        : 0;
}

body div#homepage_footer > ul > li > div.article > h1 {
  font-size           : 16px;
  height              : 30px;
  margin-bottom       : 5px;
}

body div#homepage_footer > ul > li:first-child > div.article > h1 {
  line-height         : 40px;
  overflow            : hidden;
  background          : transparent url(/images/branding/head_logo.png) no-repeat 0 0;
  padding             : 0 20px;
  width               : 150px;
}

body div#homepage_footer > ul > li:first-child > div.article > h1 > a {
  text-indent         : -10000px;
  background          : url(/images/branding/head_white.png) no-repeat 50% 0;
  width               : 160px;
  display             : block;
  overflow            : hidden;
  height              : 0;
  margin-top          : 2px;
  padding-top         : 30px;
  text-decoration     : none;
}

body div#homepage_footer > ul > li > div.article > div.section {
  margin              : 2px 0 10px;
  padding             : 0 1px;
  height              : 140px;
  overflow            : hidden;
}

body div#homepage_footer > ul > li > div.article > div.section > h2 {
  margin-bottom       : 5px;
}

body div#homepage_footer > ul > li > div.article > div.section > ul > li {
  margin-bottom       : 10px;
  clear               : both;
  overflow            : hidden;
}

body div#homepage_footer > ul > li > div.article > div.section > ul > li > span.location,
body div#homepage_footer > ul > li > div.article > div.section > ul > li > span.starter {
  font-size           : 11px;
}

body div#homepage_footer > ul > li > div.article > div.section > ul > li > span.starter > a {
  color               : #ECECE0;
}

body div#homepage_footer > ul > li > div#footer_action > div.section > ul > li,
body div#homepage_footer > ul > li > div#footer_actors > div.section > ul > li {
  line-height         : 16px;
}

body div#homepage_footer > ul > li > div#footer_actors > div.section > ul > li {
  margin-bottom       : 6px;
}

body div#homepage_footer > ul > li > div#footer_actors > div.section > ul > li > div.figure {
  width               : 33px;
  height              : 33px;
  float               : left;
}

body div#homepage_footer > ul > li > div#footer_actors > div.section > ul > li > div.figure > img {
  width               : 33px;
  height              : 33px;
}

body div#homepage_footer > ul > li > div#footer_actors > div.section > ul > li > div.caption {
  margin-left         : 42px;
}

body div#homepage_footer > ul > li > div#footer_feed > div.section > h2 > a {
  color               : #ECECE0;
}

body div#homepage_footer > ul > li > div#footer_feed > div.section img {
  margin              : 6px 0;
}

body div#homepage_footer > ul > li > div.article > div.footer > ul {
  overflow            : hidden;
}

body div#homepage_footer > ul > li > div.article > div.footer > ul > li {
  float               : left;
}

body div#homepage_footer > ul > li > div.article > div.footer > ul > li:before {
  content             : '|';
  color               : #CCC;
  padding             : 0 4px;
}

body div#homepage_footer > ul > li > div.article > div.footer > ul > li:first-child:before {
  display             : none;
}

/*
body div#homepage_footer > ul > li > div.article > div.footer > ul > li > a:before {
}

body div#homepage_footer > ul > li > div.article > div.footer > ul > li:first-child > a:before {
  content             : none;
}
*/

body div#homepage_footer > ul > li > div#footer_feed > div.section > h2 {

}

body div#homepage_footer > ul > li > div#footer_feed > div.section > p {
  font-style          : italic;
}

/**
 *  @section  views: action_statements/show
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

body.action_statements.show div#body {
  overflow              : visible;
}

/* clearfix (needed because of the 'overflow : visible') */
body.action_statements.show div#body:after {
  content               : ".";
  display               : block;
  clear                 : both;
  visibility            : hidden;
  line-height           : 0;
  height                : 0;
}
 
body.action_statements.show div#body {
  display               : inline-block;
}
 
html[xmlns] body.action_statements.show div#body {
  display               : block;
}
 
* html body.action_statements.show div#body {
  height                : 1%;
}
/* end */

body.action_statements.show div#body > div.article {
  margin                : 100px 0 0;
}

body.action_statements.show div#body > div.article > div.header,
body.action_statements.show div#body > div.article > div.section {
  font-family         : Georgia, Times, serif;
}

body.action_statements.show div#body > div.article > div.header > h1,
body.action_statements.show div#body > div.article > div.section > h2 {
  font-size             : 1.2em;
  color                 : #000;
  margin                : 10px 0;
}

body.action_statements.show div#body > div.article > div.header > h1 {
  float                 : left;
  font-weight           : bold;
}

body.action_statements.show div#body > div.article > div.header > h2 {
  margin                : 0;
  padding               : 0;
}

body.action_statements.show div#body > div.article > div.header > h2 > span,
body.action_statements.show div#body > div.article > div.section > ul.action_platforms > li > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li > a > span {
  color                 : #000;
  margin                : 2px 0 2px -10000px;
  padding               : 0 10px 4px 10000px;
  display               : block;
  float                 : left;
  clear                 : both;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statements.show div#body > div.article > div.header > h2 > span {
  font-size             : 54px;
  line-height           : 64px;
  background            : #FFDD15;
}

body.action_statements.show div#body > div.article > div.header > h2 > span > a {
  margin                : 15px 0 0 20px;
  display               : block;
  float                 : right;
}

body.action_statements.show div#body div#create_action_platform {
  padding               : 5px;
  float                 : left;
  clear                 : both;
}

body.action_statements.show div#body div#create_action_platform p {
  color                 : #000;
  font-size             : 12px;
  padding-bottom        : 5px;
}

body.action_statements.show div#body > div.article > div.section {
  clear                 : both;
}

body.action_statements.show div#body > div.article > div.section > h2 {
  padding-top           : 35px;
}

body.action_statements.show div#body > div.article > div.section > ul.action_platforms > li > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li > a > span {
  font-weight           : normal;
  font-size             : 32px;
  line-height           : 42px;
  padding               : 0 10px 2px 10000px;
}

body.action_statements.show div#body > div.article > div.section > ul.action_platforms > li > span {
  background            : #FFDD15;
}

body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li > a {
  text-decoration       : none;
}

body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li > a > span {
  color                 : #FFF;
}

body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.fund > a > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.fund >  a.platform_jump {
  background            : #59A893 url(/images/background/gradient.png) repeat-x;
}
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.organize > a > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.organize >  a.platform_jump {
  background            : #00CCF3 url(/images/background/gradient.png) repeat-x;
}
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.support > a > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.support >  a.platform_jump {
  background            : #8E2CDB url(/images/background/gradient.png) repeat-x;
}
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.produce > a > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.produce >  a.platform_jump {
  background            : #FE9500 url(/images/background/gradient.png) repeat-x;
}
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.create > a > span,
body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li.create >  a.platform_jump {
  background            : #FF0063 url(/images/background/gradient.png) repeat-x;
}


/* TODO: this should be an image*/
body.action_statements.show div#body > div.article > div.section > ul.action_platforms > li > span > a {
  font-family         : Georgia, Times, serif;
  font-size           : .5em;
  font-style          : italic;
  font-weight         : normal;
  text-decoration     : none;
  line-height         : .6em;
  background          : #E7E7E7;
  display             : block;
  float               : right;
  margin              : 8px 0 8px 10px;
  padding             : 8px 15px;
  border              : 1px solid #DDD;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statements.show div#body > div.article > div.section > ul.micro_actions > li >  a.platform_jump {
  font-size           : 40px;
  font-weight         : bold;
  text-decoration     : none;
  line-height         : 42px;
  color               : #FFF;
  display             : block;
  float               : left;
  width               : 25px;
  height              : 44px;
  margin              : 2px 0 0 5px;
  padding             : 0 10px 0 10px;
  border              : none;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statements.new div#welcome_helper {
  font-family         : Georgia, Times, serif;
  font-size           : 18px;
  line-height         : 28px;
  margin              : 20px 0 0 360px;
  width               : 480px;
  min-height          : 260px;
}

body.action_statements.new div#welcome_helper > div.section {
  display             : none;
}

body.action_statements.new div#welcome_helper > div.section p {
  color               : #9B9198;
  margin              : 0 0 30px;
}

body.action_statements.new div#welcome_helper > div.section p > strong{
  font-weight         : normal;
  color               : #404040;
}

body.action_statements.new div#welcome_helper > div.section a {
  color               : #EE4540;
  font-weight         : normal;
}

body.action_statements.new div#search_results {
  width               : 940px;
  float               : left;
  margin              : 0 0 30px;
}

body.action_statements.new div#search_results.placeholder {
  margin              : 0;
}

body.action_statements.new div#search_results > h1 {
  font-family         : Georgia, Times, serif;
  font-size           : 18px;
  width               : 898px;
  margin              : 30px 0 0;
  padding             : 20px;
  border              : 1px solid #DDD4D9;
}

body.action_statements.new div#search_results > ul > li.search_results {
  padding             : 20px 0;
}

body.action_statements.new div#search_results > ul > li.search_results > h2 {
  font-family         : Georgia, Times, serif;
  font-size           : 24px;
  line-height         : 30px;
  margin-bottom       : 16px;
}

body.action_statements.new div#search_results > ul > li.search_results p,
body.action_statements.new div#search_results > ul > li.search_results > ul {
  margin-bottom       : 10px;
}

body.action_statements.new div#search_results > ul > li.search_results.empty > ul {
  margin-bottom       : 10px;
  list-style          : disc;
}

body.action_statements.new div#search_results > ul > li.search_results > ul > li {
  margin-left         : 20px;
}

body.action_statements.new div#search_results > ul > li.search_results a.create_action_platform {
  font-family         : Arial, sans-serif;
  font-size           : 14px;
  font-weight         : normal;
  text-align          : center;
  line-height         : 28px;
  color               : #FFF;
  background          : url(/images/buttons/bg_dark_xlarge.png) no-repeat center center;
  width               : 180px;
  height              : 28px;
  display             : block;
  border              : none;
  cursor              : pointer;
}

body.action_statements.new div#search_results > ul > li.search_results > ul > li {
  clear               : both;
}

body.action_statements.new div#search_results > ul > li.micro_actions,
body.action_statements.new div#search_results > ul > li.action_platforms {
  width               : 590px;
  float               : left;
  clear               : both;
  margin-right        : 10px;
}

body.action_statements.new div#search_results > ul > li.create_platform,
body.action_statements.new div#search_results > ul > li.users {
  width               : 330px;
  margin-left         : 610px;
}

body.action_statements.new div#search_results > ul > li.action_platforms,
body.action_statements.new div#search_results > ul > li.users {
  border-top          : 1px solid #BABABA;
}

body.action_statements.new div#search_results > ul > li.create_platform > div.section {
  font-family         : Georgia, Times, serif;
  color               : #351C2E;
  padding             : 24px 20px;
  background          : #FFF;
  border              : 2px solid #DDD4DA;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

body.action_statements.new div#search_results > ul > li.create_platform > div.section > h3 {
  font-size           : 18px;
}

body.action_statements.new div#search_results > ul > li.create_platform > div.section > h4 {
  font-size           : 30px;
  color               : #EE4540;
  line-height         : 43px;
  padding             : 0 0 15px;
}

body.action_statements.new div#search_results > ul > li.users > ul {
  overflow            : hidden;
}

body.action_statements.new div#search_results > ul > li.users > ul > li {
  width               : 100px;
  height              : 155px;
  margin              : 5px;
  display             : block;
  clear               : none;
  float               : left;
  position            : relative;
}

body.action_statements.new div#search_results > ul > li.users div.article {
  padding             : 10px;
  position            : absolute;
  top                 : 0px;
  bottom              : 0px;
  left                : 0px;
  right               : 0px;
  z-index             : 1;
}

body.action_statements.new div#search_results > ul > li.users div.article > div.header > div.figure {
  background          : url("/images/icons/profile/small/gray.png") no-repeat scroll center center #666;
  height              : 80px;
  width               : 80px;
}

body.action_statements.new div#search_results > ul > li.users div.article > div.header > h1 {
  font-size           : 12px;
}

body.action_statements.new div#search_results > ul > li.users div.article > div.header > h1 > a {
  font-weight         : normal;
}

body.action_statements.new div#search_results > ul > li.users div.article > div.section {
  font-size           : 10px;
  line-height         : 12px;
  padding             : 4px 10px 2px;
  min-height          : 24px;
  border-top          : 1px solid #D1CDC3;
  position            : absolute;
  bottom              : 0;
  left                : 0;
  right               : 0;
}

body.action_statements.new div#search_results > ul > li.users > ul > li > div.ui-frame {
  position            : absolute;
  top                 : -10px;
  bottom              : -10px;
  left                : -10px;
  right               : -10px;
  z-index             : 0;
}

body.action_statements.new div#search_results > ul > li.users > ul > li > div.ui-frame > div.ui {
  background          : url(/images/background/peep.png) no-repeat;
  position            : absolute;
}

body.action_statements.new div#search_results > ul > li.users > ul > li > div.ui-frame > div.ui-nw {
  background-position : 0 0;
  top                 : 0;
  bottom              : 19px;
  left                : 0;
  right               : 19px;
}

body.action_statements.new div#search_results > ul > li.users > ul > li > div.ui-frame > div.ui-ne {
  width               : 19px;
  background-position : -781px 0;
  top                 : 0;
  bottom              : 19px;
  right               : 0;
}

body.action_statements.new div#search_results > ul > li.users > ul > li > div.ui-frame > div.ui-sw {
  height              : 19px;
  background-position : 0 -581px ;
  bottom              : 0;
  left                : 0;
  right               : 19px;
}

body.action_statements.new div#search_results > ul > li.users > ul > li > div.ui-frame > div.ui-se {
  width               : 19px;
  height              : 19px;
  background-position : -781px -581px ;
  bottom              : 0;
  right               : 0;
}

/* Searches controller overrides */
body.action_statements.searches div#body > form#welcome {
  width               : 640px;
}

body.action_statements.searches div#body > form#welcome label.action_statement {
  display             : none;
}

body.action_statements div#body > form#welcome div.button #search_submit,
body.action_statements.searches div#body > form#welcome div.button #action_statement_submit {
  display             : none;
}

body.action_statements.searches div#body > form#welcome div.button #search_submit {
  display             : block;
}

body.action_statements.searches div#body > form#welcome div.field {
  margin              : 0 100px 0 0;
}

body.action_statements.searches div#body > form#welcome div.field > span.count {
  display             : none;
}

body.action_statements.searches div#body > form#welcome div.field > textarea {
  width               : 508px;
}

/**
 *  @section  views: action_platforms
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */
body.community.index div#community div#user_result_header h1,
body.community.index div#community div#user_result_header h2 {
  font-family       : Arial, sans-serif;
}


body.community.index div#community div#user_result_header h1 {
 font-size         : 1em;
 line-height       : 2em;
}

body.community.index div#community div#user_result_header h2 {
 font-size         : 2em;
 font-weight       : lighter;
 float             : left;
}

body.community.index div#community div#user_area {
  clear             : both;
  padding-top        : 10px;
}

body.community.index div#community div.user li {
  background        : #280E1A;
  width             : 205px;
  height            : 320px;
  padding           : 10px;
  margin            : 0 10px 10px 0;
  float             : left;
  display           : block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

body.community.index div#community div.user .create {
  background-color  : #FF0063;
}

body.community.index div#community div.user .organize {
  background-color  : #00CCF3;
}

body.community.index div#community div.user .support {
  background-color  : #8E2CDB;
}

body.community.index div#community div.user .produce {
  background-color  : #FE9500;
}

body.community.index div#community div.user .fund {
  background-color  : #59A893;
}

body.community.index div#community div.user .no_power {
  background-color  : #222;
}

body.community.index div#community div.user .unhover {
  background-color  : #280E1A;
}

body.community.index div#community div#user_results {
  width             : 705px;
  float             : left;
    clear           : both;
}

body.community.index div#community div#sort_box {
  float             : right;
  margin-right      : 12px;
}

body.community.index div#community div.user p {
  color             : #EDEAE2;
  font-size         : 1.4em;
}

body.community.index div#community div.user h2 > a {
  color             : #ABA79D;
  font-family       : Arial, sans-serif;
  font-weight       : normal;
  font-size         : 1.3em;
}

body.community.index div#community div.user h4 {
  color             : #ABA79D;
}

body.community.index div#community div.user h2 > a.hover, h4.hover {
  color             : #FFF;
}

body.community.index div#community div.figure {
  background        : url("/images/icons/profile/peep/gray.png") no-repeat scroll center center #666666;
  height            : 147px;
  width             : 205px;
  display           : block;
}

body.community.index div#community div.overview, div.stats {
  display           : block;
  height            : 110px;
  margin-top        : 15px;
}

body.community.index div#community div.overview {

}

body.community.index div#community div.stats {
  display           : none;
}

body.community.index div#community div.stats > dl > dt, div.stats > dl > dd {
  color             : #FFF;
  float             : left;
  width             : 40%;
  padding           : 5px;
}

body.community.index div#community div.stats > dl > dt {
  font-size         : .7em;
  line-height       : 1.1em;
}

body.community.index div#community div.stats > dl > dd {
  text-align        : right;
  font-size         : 2em;
  clear             : both;
}

body.community.index div#community div.info {
  padding-top       : 5px;
  border-top        : 1px #502236 solid;
}

body.community.index div#community div#sidebar {
  margin-left       : 715px;
}

body.community.index div#community div#sidebar h2 {
  color             : #000;
  font-size         : 1.4em;
  font-weight       : normal;
}

body.community.index div#community div.sidebar_block {
  width             : 205px;
  padding           : 10px;
}

body.community.index div#community div.sidebar_block hr {
  color             : #FFF;
}

body.community.index div#community div#global_powers p {
  font-weight       : bold;
  font-size         : 1.5em;
  padding-bottom    : 5px;
}

body.community.index div#community div#global_powers div.creators {
  color             : #FF0063;
}

body.community.index div#community div#global_powers div.organizers {
  color             : #00CCF3;
}

body.community.index div#community div#global_powers div.supporters {
  color             : #8E2CDB;
}

body.community.index div#community div#global_powers div.producers {
  color             : #FE9500;
}

body.community.index div#community div#global_powers div.funders {
  color             : #59A893;
}

body.community.index div#community div#genders p {
  color             : #000;
  font-size         : 2.3em;
  font-weight       : bold;
}

body.community.index div#community div#filter {
  color             : #000;
  font-weight       : bold;
  background        : #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

body.community.index div#community div#filter a {
  font-size         : 1.4em;
}

body.community.index div#community div#filter a#selector {
  line-height       : 2em;
  padding           : 5px 0 5px 30px;
}

body.community.index div#community div#filter a.selected {
  background        : url("/images/icons/community/selected.png") no-repeat scroll center left;
}

body.community.index div#community div#filter a.unselected {
    background        : url("/images/icons/community/unselected.png") no-repeat scroll center left;
}

body.community.index div#community div#filter span.count {
  font-weight       : lighter;
}

body.community.index div#community .checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}
body.community.index div#community .radio {
  background: url(radio.gif) no-repeat;
}
body.community.index div#community .select {
  position: absolute;
  width: 148px; /* With the padding included, the width is 180 pixels: the actual width of the image. */
  height: 27px;
  padding: 0 24px 0 15px;
  color: #000;
  font: 15px/26px arial,sans-serif;
  background: url(/images/forms/select.png) no-repeat;
  overflow: hidden;
}


/**
 *  @section  views: foot content
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */

div#foot div#user_micro_actions > div.header > h2 {
 background-image    : url(/images/icons/large/active/micro_actions.png);
}

div#foot div#user_micro_actions > ul > li.micro_action > a,
div#foot div#user_profile_activity > ul > li.micro_action > a {
  font-weight       : normal;
}

div#foot div#user_action_platforms > div.header > h2 {
 background-image    : url(/images/icons/large/active/action_platforms.png);
}

div#foot div#user_invitations > div.header, 
div#foot div#user_super_powers > div.header  {
  border-bottom       : solid 1px #3B3B3B;
}

div#foot div#user_invitations > div.header > img {
  float               : left;
  margin              : 20px;
}

div#foot div#user_search > div.header > h2 {
  background-image    : url(/images/icons/large/active/plus_up.png);
}

div#foot div#user_search li > a.check {
  float               : left;
  margin-right        : 5px;
  margin-bottom       : 10px;
}

div#foot div#user_search li.micro_action {
  clear               : both;
  font-size           : 25px;
  line-height         : 25px;
}

div#foot div#user_search > div.header > ul > li > form > div {
  position            : relative;
}

div#foot div#user_search > div.header > ul > li > form > div > input#q {
  color               : #9E9E9E;
  font-size           : 13px;
  background          : #000 url('../images/interface/search.png') no-repeat scroll 7px 10px;
  border              : 0;
  padding             : 11px 12px 9px 35px;
  width               : 431px;
  height              : 17px;
}

div#foot span.placeholder {
  color               : #666666;
  font-family         : "Lucida Grande",sans-serif;
}

div#foot div#user_search > div.header > ul > li > form > div > span.placeholder {
  left                : 23px;
}

div#foot div#user_search > p {
  font-size            : 28px;
  line-height          : 32px;
  width                : 100%;
  clear                : both;
  padding-bottom       : 5px;
  border-bottom        : 1px solid #3B3B3B;
}

div#foot div#user_search div span.count,
div#foot div#user_invitations > div#invitations span.count,
div#foot div#user_invitations > div#messages span.count {
  color               : #FFDD15;
}

div#user_search div.action_platforms {  
  float                : left;
  width                : 555px;
  padding              : 10px;
  border-right         : 1px solid #3B3B3B;
}

div#user_search div.micro_actions {  
  float                : left;
  width                : 555px;
  padding              : 10px;
  border-right         : 1px solid #3B3B3B; 
  border-bottom        : 1px solid #3B3B3B;
}

div#user_search div.users {  
  float                : right;
  padding              : 10px;
  width                : 275px;
}

div#user_search div.users li div.figure{
  float                 : left;
  width                 : 50px;
  height                : 50px;
  background            : url(/images/icons/profile/medium/gray.png) no-repeat scroll center center;
  margin                : 5px;
}

div#user_search div.users li div.figure img{
  width                 : 50px;
  height                : 50px;
}

div#user_search div.users li {
  min-height             : 60px;
  padding                : 5px;
  border-bottom          : 1px solid #3B3B3B;
}

div#user_search div.users li a {
  color                 : #FFF;
}

div#user_search li a {
  font-weight           : normal;
}

div#user_search li a {
  text-decoration       : none;  
}

div#user_search div.action_platforms > ul > li > h1 {
  width                : 485px;
  float                : left;
}

div#foot div#user_invitations > div.header > h2 {
  background-image    : url(/images/icons/large/active/notifications.png);
}

div#foot div#user_invitations > div.header > ul {
  font-size           : 18px;
}

div#foot div#user_invitations > div#invitations,
div#foot div#user_invitations > div#messages {
  padding-top         : 20px;
  float               : left;
}

div#foot div#user_invitations > div#invitations {
  padding-right       : 25px;
}

div#foot div#user_invitations > div#messages {
  width               : 270px;
  padding             : 20px 0 0 30px;
  border-left         : 1px solid #3B3B3B;
}

div#foot div#user_invitations > div#invitations > h2,
div#foot div#user_invitations > div#messages > h2 {
  font-size           : 18px;
  padding-bottom      : 15px;
}

div#foot div#user_invitations > div#messages > ul {
  border-top          : 1px solid #3B3B3B;
}

div#foot div#user_invitations > div#messages > ul > li {
  padding             : 15px 15px 15px 0;
  border-bottom       : 1px solid #3B3B3B;
}

div#foot div#user_invitations > div#messages > ul > li > div.message {
  width               : 150px;
  padding             : 0 20px 0 0;
  float               : left;
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 13px;
  line-height         : 18px;
}

div#foot div#user_invitations > div#messages > ul > li > div.message > span.date {
  clear               : left;
  float               : left;
  font-size           : 10px;
  line-height         : 12px;
}

div#foot div#user_invitations > div#messages > ul > li > div.message > div.comment {
  margin-bottom       : 10px;
}

div#foot div#user_invitations > div#invitations > ul {
  width               : 599px;
}

div#foot div#user_invitations > div#invitations > ul > li > div.info {
  padding             : 5px 0 15px 55px;
}

div#foot div#user_invitations > div#invitations > ul > li > div.info > div.user_photo,
div#foot div#user_invitations > div#messages > ul > li > div.user_photo {
  width               : 74px;
  height              : 74px;
  padding             : 3px;
  float               : left;
  background          : #666 url(/images/icons/profile/medium/gray.png) no-repeat scroll center center;
  margin-right        : 15px;
  border-radius       : 3px;
  -moz-border-radius  : 3px;
  -webkit-border-radius : 3px;
}

div#foot div#user_invitations > div#messages > ul > li > div.user_photo {
  margin-right        : 0px;
}

div#foot div#user_invitations > div#invitations > ul > li > div.info > div.user_photo > img,
div#foot div#user_invitations > div#messages > ul > li > div.user_photo > img {
  width               : 74px;
}

div#foot div#user_invitations > div#invitations > ul > li > div.info > div > p {
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 13px;
  padding-bottom      : 10px;
}

div#foot div#user_invitations > div#invitations > ul > li > div.info > div > p > a {
  color               : #6D6E70;
  font-size           : 15px;
  font-style          : italic;
  font-weight         : normal;
  text-decoration     : none;
  text-align          : center;
  line-height         : 46px;
  background          : url(/images/buttons/bg_large.png) no-repeat;
  margin              : 0 0 0 -7px;
  padding             : 0;
  width               : 150px;
  height              : 46px;
  display             : inline-block;
  font-family         : Georgia, serif;
}

div#foot div#user_invitations > div#invitations > ul > li > div.info > div > h3 {
  font-size           : 18px;
  margin-bottom       : 5px;
}

div#foot div#user_invitations  a {
  color               : #fff;
}

div#foot div#user_invitations div#invitations li > a {
  font-size           : 25px;
}

div#foot div#user_super_powers > div.header > h2 {
  background-image    : url(/images/icons/large/active/super_powers.png);
}

div#foot div#user_super_powers > div#powers {
  padding             : 10px;
  border-bottom       : 1px solid #3B3B3B;
  min-height          : 307px;
}

div#foot div#user_super_powers > div#powers > h2 {
  margin-bottom       : 10px;
  width               : 200px;
}

div#foot div#user_super_powers > ul#skills > li {
  display             : block;
  float               : left;
  width               : 47%;
  color               : #3B3B3B;
  padding             : 10px 25px 0 0 ;
  line-height         : 24px;
}

div#foot div#user_super_powers > ul#skills > li > span {
  display             : block;
  float               : left;
  font-size           : 24px;
  color               : #BBBDBF;
  width               : 100%;
  line-height         : 25px;
  min-height          : 25px;
}

div#foot div#user_super_powers > ul#skills > li > span input {
  width               : 70%;
}

div#foot div#user_super_powers > div#powers div#wheel {
  width               : 240px;
  float               : left;
}

div#foot div#user_super_powers > div#powers div#bars {
  width               : 640px;
  float               : right;
  font-size           : 26px;
  line-height         : 26px;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder {
  float               : right;
  margin-bottom       : 20px;
  padding-left        : 56px;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder > span.percentage {
  display             : block;
  float               : left;
  width               : 480px;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder > span.done {
  display             : block;
  float               : left;
  font-family         : "Lucida Grande", sans-serif;
  font-size           : 24px;
  width               : 100px;
  text-align          : right;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder.create,
div#foot div#user_invitations a.create,
div#foot a.create, 
div#foot .create {
  color: #D6245E;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.create > div.track {
  border-color: #D6245E;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.create > div.track > div.bar {
  background-color: #D6245E;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder.produce, 
div#foot div#user_invitations a.produce,
div#foot a.produce,
div#foot .produce {
  color: #FE9500;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.produce > div.track {
  border-color: #FE9500;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.produce > div.track > div.bar {
  background-color: #FE9500;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder.support, 
div#foot div#user_invitations a.support,
div#foot a.support,
div#foot .support {
  color: #8E2CDB;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.support > div.track {
  border-color: #8E2CDB;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.support > div.track > div.bar {
  background-color: #8E2CDB;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder.fund, 
div#foot div#user_invitations a.fund,
div#foot a.fund,
div#foot .fund {
  color: #469075;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.fund > div.track {
  border-color: #469075;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.fund > div.track > div.bar {
  background-color: #469075;
}

div#foot div#user_super_powers > div#powers > div#bars > div.holder.organize, 
div#foot div#user_invitations a.organize,
div#foot a.organize,
div#foot .organize {
  color: #37AFD1;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.organize > div.track {
  border-color: #37AFD1;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder.organize > div.track > div.bar {
  background-color: #37AFD1;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder > div.track,
div#foot div#user_super_powers > div#powers div#bars > div.holder > div.track > div.bar {
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder > div.track {
  border-width        : 2px;
  border-style        : solid;
  width               : 580px;
  height              : 48px;
  margin-top          : 2px;
  float               : left;
}

div#foot div#user_super_powers > div#powers div#bars > div.holder > div.track > div.bar{
  height              : 40px;
  min-width           : 40px;
  margin              : 4px;
  background          : url('/images/background/gradient.png');
}

div#foot div#user_tribe > div.header > h2 {
  background-image    : url(/images/icons/large/active/tribe.png);
}

div#foot div#user_tribe.empty > div.header > h2 {
  background-image    : url(/images/icons/large/inactive/tribe.png);
}

div#foot div#user_tribe > div.header > ul {
  border-bottom       : 1px solid #212122;
  padding-bottom      : 43px;
  width               : 835px;
}

div#foot div#user_tribe > div.body {
  width               : 965px;
}

div#foot div#user_tribe > div.body > img {
  width : 403px;
  height: 362px;
  margin-top: -20px;
}

div#foot div#user_tribe > div.body > div.empty {
  width : 465px;
  font-size: 18px;
  line-height: 24px;
  padding-top: 30px;
}

div#foot div#user_tribe > div.body > img,
div#foot div#user_tribe > div.body > div.empty {
  float               : left;
}

div#foot div#user_tribe > div.body > div.tribe_member {
  float               : left;
  width               : 448px;
  min-height              : 223px;
  border              : 1px solid #303030;
  background-color    : #191818;
  padding             : 15px 10px;
  margin-bottom       : 15px;
  -moz-border-radius  : 10px;
  -webkit-border-radius : 10px;
}

div#foot div#user_tribe > div.body > div.tribe_member.odd {
  margin-right        : 25px;
}

div#foot div#user_tribe > div.body > div.tribe_member:hover {
  background-color    : #232323;
  border-color        : #232323;
  cursor              : pointer;
}

div#foot div#user_tribe > div.body > div.tribe_member > div.user_pic {
  width               : 210px;
  height              : 210px;
  float               : left;
  padding             : 7px;
  background          : #ccc url(/images/icons/profile/large/black.png) no-repeat scroll center center;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
  margin-right        : 15px;
}

div#foot div#user_tribe > div.body > div.tribe_member > div.user_pic > img {
  width               : 210px;
  height              : 210px;
}

div#foot div#user_tribe > div.body > div.tribe_member > div.info {
  
}

div#foot div#user_tribe > div.body > div.tribe_member > div.info > p {
  font-size           : 18px;
  margin-bottom       : 5px;
}

div#foot div#user_tribe > div.body > div.tribe_member > div.info > span.completed_at,
div#foot div#user_tribe > div.body > div.tribe_member > div.info > div.tribe_member_superpowers {
  font-family         : 'Lucida Grande', sans-serif;
  font-size           : 11px;
  display             : block;
  margin-bottom       : 10px;
  line-height         : 14px;
}

div#foot div#user_tribe > div.body > div.tribe_member > div.info > p > a {
  color               : #fff;

  font-style          : italic;
}

div#foot div#user_tribe > div.body > div.tribe_member > div.info > h3 a {
  color               : #fff;
  font-size           : 18px;
  font-weight         : normal;
}

div#foot div#user_edit form div.slug {
  margin-top          : 10px;
}

div#foot div#user_edit form div.slug dl dt label {
  font-size           : 11px;
  padding             : 0;
}

div#foot div#user_edit form div.slug dl dt {
  padding-left        : 10px;
}

div#foot div#user_edit form div.slug dl dt label em {
  font-style          : italic;
}

div#foot div#user_edit form div {
  margin              : 5px 0;
}

div#foot div#user_edit form div dl dt label {
  padding             : 0 0 0 12px;
}

div#foot div#user_edit input[type='password'],
div#foot div#user_edit input[type='text'],
div#foot div#user_edit select,
div#foot div#user_edit textarea {
  background          : #000;
  border-color        : #000;
  color               : #BBBDBF;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
}

div#foot div#user_edit > div > h2 {
  font-size           : 20px;
  margin-bottom       : 10px;
}

div#foot div#user_edit > div#profile {
  float               : left;
  width               : 555px;
  border-right        : 1px solid #3B3B3B;
}

div#foot div#user_edit span.placeholder {
  font-size           : 16px;
}

div#foot div#user_edit div.date_select {
  height              : 55px;
}

div#foot div#user_edit div.date_select select {
  float               : left;
  margin-right        : 10px;
}

div#foot div#user_edit div.date_select select#user_profile_attributes_birthday_1i {
  width               : 80px;
}

div#foot div#user_edit div.date_select select#user_profile_attributes_birthday_2i {
  width               : 125px;
}

div#foot div#user_edit div.date_select select#user_profile_attributes_birthday_3i {
  width               : 60px;
}

div#foot div#user_edit > div#aside {
  float               : left;
  padding-left        : 30px;
  width               : 335px;
}

div#foot div#user_edit > div#aside > form {
  margin-bottom       : 15px;
  border-bottom       : 1px solid #666;
}

div#foot div#user_edit > div#aside a {
  color               : #fff;
  font-weight         : bold;
}

div#foot div#user_edit div#manage_services {
  margin-bottom       : 15px;
  border-bottom       : 1px solid #666;
}
div#foot div#user_edit div#manage_services h2 {
  font-size           : 16px;
  margin              : 20px 0 10px 0;
}
div#foot div#user_edit div#manage_services h3 {
  margin              : 0;
  font-size           : 14px;
}
div#foot div#user_edit div#manage_services form {
  padding             : 5px 0;
}
div#foot div#user_edit div#manage_services form input[type="checkbox"] {
  margin-left         : 10px;
}
div#foot div#user_edit div#manage_services form label {
  font-family         : "Lucida Grande", sans-serif;
}

div#foot div#user_edit a.connect_with_twitter {
  background-image      : url(/images/buttons/connect_with_twitter_large.png);
  background-repeat     : no-repeat;
  background-color      : transparent;
  background-attachment : scroll;
  height                : 26px;
  display               : inline-block;
  border-width          : 0px;
  cursor                : auto;
  width                 : 170px;
  margin-bottom         : 15px;
}
div#foot div#user_edit a.connect_with_twitter span {
  display               : block;
  height                : 18px;
  left                  : -9999px;
  position              : absolute;
  width                 : 135px;
}

div#foot div#user_edit a.connect_with_facebook {
  background-image      : url(/images/buttons/connect_with_facebook_long.png);
  background-repeat     : no-repeat;
  background-color      : transparent;
  background-attachment : scroll;
  height                : 25px;
  display               : inline-block;
  border-width          : 0px;
  cursor                : auto;
  width                 : 194px;
  margin-bottom         : 15px;
}
div#foot div#user_edit a.connect_with_facebook span {
  display               : block;
  height                : 18px;
  left                  : -9999px;
  position              : absolute;
  width                 : 135px;
}


/**
 *  @section  views: action_platforms
 *
 *  suggested property order:
 *  - text          (font, color, text, line)
 *  - background    (background, opacity)
 *  - box model     (dimension, offset, margin, padding, border)
 *  - layout        (position, display, z-index, overflow, float, clear)
 *  - other         (cursor, list-style)
 */
body.hub div#hub_header {
  border-bottom     : 5px solid #000000;
}

body.hub div#hub_header h1 {
  font-size         : 36px;
  font-family       : Georgia, serif;
  margin            : 14px 0 7px 0;
  padding           : 5px 0 5px 0;
}

body.hub div#hub_header h1 > span,
body.hub div#hub_header h2 > span {
  background-color  : #EE4440;
  padding           : 0 10px;
}

body.hub div#hub_header h2 > span {
  padding: 0 5px;
}
 
body.hub div#hub_header h2{
  font-family       : Arial, sans-serif;
  font-size         : 1.4em;
  font-weight       : normal;
  padding-bottom     : 5px;
}

body.hub div#main {
  float: left;
  width: 695px;
}

body.hub div#main div#action_platforms,
body.hub div#main ul#tag_cloud {
  padding-top: 10px !important;
}

body.hub div#main ul#tag_cloud {
  padding-right: 10px;
}

body.hub div#sidebar {
  width: 245px;
  padding-top: 10px;
  float: left;
}

body.hub div.sidebar_block {
  padding: 10px;
}

body.hub div#sidebar h2 {
  color:#000000;
  font-size:1.4em;
  font-weight:normal;
}

body.hub div#sidebar > h2 {
  border-bottom : 1px solid #B5B5B5;
}

body.hub div.sidebar_block hr {
  color: #FFFFFF;
}

body.hub div#inspired,
body.hub div#owner,
body.hub div#recent {
  color             : #000;
  font-weight       : bold;
  background        : #FFF;
  margin-bottom     : 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

body.hub div#owner div.owner_figure {
  margin: 10px;
}

body.hub div#owner h2 {
  font-weight: bold;
}

body.hub div#tag_stats > ul {
  border-bottom: 1px solid #B5B5B5;
  height: 27px;
  width: 685px;
}

body.hub div#tag_stats > ul > li {
  font-size: 1.4em;
  float: left;
  padding: 5px;
  border-right: 1px solid #B5B5B5;
}

body.hub ul#tag_list {
  padding-top: 10px;
}

body.hub ul#tag_cloud a {
  padding: 5px;
  display: block;
  float: left;
}

body.hub div#recent a {
  width: 100%;
  display: block;
}

body.hub ul#tag_cloud a:hover,
body.hub div#recent a:hover {
  background-color  : #EE4440;
  text-decoration: none;
}

body.hub div#recent li {
  border-bottom: 1px solid #DDD;
}

body.hub div#comments {
  position : relative;
  width    : 585px;
}


/*div#user_search div.action_platforms > ul > li > a,
div#user_action_platforms > ul > li > a {
  text-indent         : -10000px;
  background          : url(/images/icons/action_platform_i.png) no-repeat;
  display             : block;
  float               : left;
  height              : 45px;
  width               : 45px;
}

div#user_action_platforms > ul > li > h1,
div#user_search div.action_platforms > ul > li > h1 {
  margin-left         : 5px;
}

div#user_search div.action_platforms > ul > li > h1 > span,
div#user_action_platforms > ul > li > h1 {
  color               : #000;
  font-size           : 35px;
  line-height         : 45px;
  background          : #FFDD15;
  display             : inline;
}
*/



div.hp_action_platform {
  font-family         : "Lucida Grande", sans-serif;
  color               : #000;
  margin              : 6px 0 20px;
  overflow            : hidden;
  position            : relative;
}

div.hp_action_platform > div.header {
  min-height          : 40px;
}

div.hp_action_platform > div.header > h1 {
  display             : block;
  margin-left         : 45px;
  font-family         : Georgia, Times, serif;
  font-size           : 30px;
  line-height         : 40px;
}

div.hp_action_platform > div.header > h1 > a {
  font-weight         : normal;
}

div.hp_action_platform > div.header > h1 > a > span {
  padding             : 1px 0;
  background          : #FFDD14;
}

div.hp_action_platform > div.header > div.figure {
  width               : 40px;
  height              : 40px;
  display             : block;
  position            : absolute;
  top                 : 0;
  left                : 0;
  background          : url(/images/icons/action_platform_i.png) no-repeat center center;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

div.hp_action_platform > div.section {
  margin-left         : 45px;
}

div.hp_action_platform > div.section > ul {
  margin              : 3px 0;
  float               : left;
}

div.hp_action_platform > div.section > ul > li,
div.hp_action_platform > div.section > ul > li a {
  display             : inline-block;
  padding             : 0 2px;
}

div.hp_action_platform > div.section > ul > li:before {
  content             : "||";
  margin              : 0 4px 0 -2px;
}

div.hp_action_platform > div.section > ul > li:first-child:before {
  content             : none;
}




div.hp_micro_action {
  font-family         : "Lucida Grande", sans-serif;
  color               : #595257;
  margin              : 6px 0;
  position            : relative;
}

div.hp_micro_action > div.header {
  min-height          : 40px;
}

div.hp_micro_action > div.header > h1,
div.hp_micro_action > div.header > div.figure {
  display               : block;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

div.hp_micro_action.create > div.header > h1,
div.hp_micro_action.create > div.header > div.figure {
  background-color    : #FE9500;
}

div.hp_micro_action.fund > div.header > h1,
div.hp_micro_action.fund > div.header > div.figure {
  background-color    : #00BBDF;
}

div.hp_micro_action.organize > div.header > h1,
div.hp_micro_action.organize > div.header > div.figure {
  background-color    : #59A893;
}

div.hp_micro_action.produce > div.header > h1,
div.hp_micro_action.produce > div.header > div.figure {
  background-color    : #FF0063;
}

div.hp_micro_action.support > div.header > h1,
div.hp_micro_action.support > div.header > div.figure {
  background-color    : #7B12CE;
}

div.hp_micro_action > div.header > h1,
div.hp_micro_action > div.header > h1 > a {
  font-weight         : normal;
  color               : #FFF;
}

div.hp_micro_action > div.header > h1 {
  font-size           : 16px;
  line-height         : 26px;
  padding             : 7px 36px 7px 10px;
  margin-left         : 45px;
}

div.hp_micro_action > div.header > h1 > a {
  display             : block;
}

div.hp_micro_action > div.header > div.figure {
  width               : 40px;
  height              : 40px;
  position            : absolute;
  top                 : 0;
  left                : 0;
  background          : no-repeat center center;
}

div.hp_micro_action.accepted > div.header > div.figure,
div.hp_micro_action.complete > div.header > div.figure {
  background-image    : url(/images/micro_actions/handles/profile.png);
}

div.hp_micro_action.pending_acceptance > div.header > div.figure {
  background-image    : url(/images/micro_actions/handles/notification.png);
}

div.hp_micro_action.open > div.header > div.figure {
  background-image    : url(/images/micro_actions/handles/plus_up.png);
}

div.hp_micro_action.recurring > div.header > div.figure {
  background-image    : url(/images/micro_actions/handles/recurring.png);
}

div.hp_micro_action > div.header > ul.icons {
  position            : absolute;
  top                 : 7px;
  right               : 0;
}

div.hp_micro_action > div.header > ul.icons > li {
  color               : #595257;
  text-align          : center;
  line-height         : 26px;
  width               : 26px;
  height              : 26px;
  padding             : 0 5px;
  float               : right;
  background          : no-repeat center center;
}

div.hp_micro_action > div.header > ul.icons > li.comments_count {
  background-image    : url(/images/micro_actions/comments.png);
  background-position : 5px 4px;
}

div.hp_micro_action > div.header > ul.icons > li.comments_count[data-value="0"] {
  visibility          : hidden;
}








div#single_micro_action {
  margin              : 0 auto;
  width               : 589px;
}

div.micro_action {
  margin              : 6px 0;
  position            : relative;
}

div.micro_action * {
  font-family         : "Lucida Grande", sans-serif;
  color               : #595257;
}

div.micro_action a {
  color:              #000;
}

div.micro_action input[type='password'],
div.micro_action input[type='text'],
div.micro_action select,
div.micro_action textarea {
  border              : 1px solid #D0D0D0;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
}

div.micro_action div.header > div.top,
div.micro_action div.header > div.bottom {
  height              : 5px;
  padding             : 0;
  margin              : 0 0 0 45px;
  border              : 0;
  background          : transparent url(/images/micro_actions/background/new/header_top.png) no-repeat scroll top left;
}

div.micro_action div.header > div.bottom {
  background-image: url(/images/micro_actions/background/new/header_bottom.png);
  position: relative;
}
 
div.micro_action div.header h3 {
  color                 : #FFF;
  cursor                : pointer;
  font-size             : 16px;
  line-height           : 26px;
  margin                : 0 3px 0 45px;
  padding               : 0 0 0 10px;
  position              : relative;
  background            : transparent url(/images/micro_actions/background/new/header_center.png) repeat scroll top left;
}

div.micro_action div.header:hover h3 span {
  text-decoration       : underline;
}

div.micro_action.create div.header h3 { 
  background-image      : url(/images/micro_actions/background/create/header_center.png);
}

div.micro_action.create div.header > div.top {
  background-image: url(/images/micro_actions/background/create/header_top.png);
}

div.micro_action.create div.header > div.bottom {
  background-image: url(/images/micro_actions/background/create/header_bottom.png);
}

div.micro_action.fund div.header h3 { 
  background-image: url(/images/micro_actions/background/fund/header_center.png);
}

div.micro_action.fund div.header > div.top {
  background-image: url(/images/micro_actions/background/fund/header_top.png);
}

div.micro_action.fund div.header > div.bottom {
  background-image: url(/images/micro_actions/background/fund/header_bottom.png);
}

div.micro_action.organize div.header h3 { 
  background-image: url(/images/micro_actions/background/organize/header_center.png);
}

div.micro_action.organize div.header > div.top {
  background-image: url(/images/micro_actions/background/organize/header_top.png);
}

div.micro_action.organize div.header > div.bottom {
  background-image: url(/images/micro_actions/background/organize/header_bottom.png);
}

div.micro_action.support div.header h3 { 
  background-image: url(/images/micro_actions/background/support/header_center.png);
}

div.micro_action.support div.header > div.top {
  background-image: url(/images/micro_actions/background/support/header_top.png);
}

div.micro_action.support div.header > div.bottom {
  background-image: url(/images/micro_actions/background/support/header_bottom.png);
}

div.micro_action.produce div.header h3 { 
  background-image: url(/images/micro_actions/background/produce/header_center.png);
}

div.micro_action.produce div.header > div.top {
  background-image: url(/images/micro_actions/background/produce/header_top.png);
}

div.micro_action.produce div.header > div.bottom {
  background-image: url(/images/micro_actions/background/produce/header_bottom.png);
}

body.black ul.branding div.micro_action div.header h3 { 
  background-image      : url(/images/micro_actions/background/black/header_center.png);
}

body.black ul.branding div.micro_action div.header > div.top {
  background-image      : url(/images/micro_actions/background/black/header_top.png);
}

body.black ul.branding div.micro_action div.header > div.bottom {
  background-image      : url(/images/micro_actions/background/black/header_bottom.png);
}

body.white div.micro_action div.header h3 { 
  background-image      : url(/images/micro_actions/background/new/header_center.png);
}

body.white div.micro_action div.header *{
  color                 : #736B70 !important;
}

body.white div.micro_action div.header > div.top {
  background-image      : url(/images/micro_actions/background/new/header_top.png);
}

body.white div.micro_action div.header h3 div.comments_count {
  background            : transparent url(/images/micro_actions/icons/active/comments.png) no-repeat scroll left top !important;
  color                 : #fff !important;
}

body.white div.micro_action div.header > div.bottom {
  background-image      : url(/images/micro_actions/background/new/header_bottom.png);
}

div.micro_action div.header h3 div.figure {
  display               : block;
  left                  : -45px;
  position              : absolute;
  top                   : -5px;
  border-radius         : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
}

div.micro_action div.header h3 span {
  color                 : #000;
  font-size             : 16px;
  margin                : 0;
  display: block;
}

div.micro_action.create div.header h3 span,
div.micro_action.produce div.header h3 span,
div.micro_action.support div.header h3 span,
div.micro_action.fund div.header h3 span,
div.micro_action.organize div.header h3 span {
  color                 : #fff;
}

div.micro_action div.header h3 > div.name {
  display               : none;
  overflow              : hidden;
}

div.micro_action.populated div.header h3 > div.name {
  display               : block;
  line-height           : 16px;
  padding               : 5px 0;
/*  width                 : 500px;*/
}

div.micro_action.populated div.header h3 > div.icons > div.comments_count {
  background            : transparent url(/images/micro_actions/comments.png) no-repeat scroll 0 0;
  float                 : right;
  font-size             : 12px;
  height                : 20px;
  line-height           : 16px;
  margin-top            : 4px;
  margin-right          : 5px;
  text-align            : center;
  width                 : 24px;
}

div.micro_action.populated div.header h3 > div.icons > div.comments_count.empty {
  display               : none;
}

div.micro_action div.header div.figure {
  background            : transparent url(/images/micro_actions/new.png) no-repeat scroll center center;
  display               : block;
  height                : 39px;
  margin                : 0;
  padding               : 1px;
  width                 : 40px;
}

div.micro_action.create div.header div.figure  {
  background-image      : url(/images/micro_actions/create.png);
}

div.micro_action.produce div.header div.figure {
  background-image      : url(/images/micro_actions/produce.png);
}

div.micro_action.organize div.header div.figure {
  background-image      : url(/images/micro_actions/organize.png);
}

div.micro_action.fund div.header div.figure {
  background-image      : url(/images/micro_actions/fund.png);
}

div.micro_action.support div.header div.figure {
  background-image      : url(/images/micro_actions/support.png);
}

div.micro_action div.header div.figure span.caption > a > img {
  width                 : 34px;
  height                : 34px;
  margin                : 2px 2px 2px 3px;
}

div.micro_action > form > div.suppliment,
div.micro_action > div.suppliment {
  background-color      : #FAF7ED;
  color                 : #9C9199;
  display               : none;
  margin                : 1px 3px 0 45px;
  padding               : 0 20px;
  border                : solid 1px #DAD3D1;
  border-radius         : 10px;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
}

div.micro_action > form > div.suppliment.buttons {
  border                : 0;
}

/* VERB CHOOSER AND RECURRING POPUP */
div.micro_action div.verb > span.actor_limit {
  color                : #9B9199;
  display              : block;
  float                : left;
  font-size            : 14px;
  height               : 10px;
  margin-left          : 10px;
  text-align           : right;
  width                : 40px;
}

div.micro_action div.verb a.recurring {
  display              : block;
  float                : left;
  background           : transparent url(/images/micro_actions/icons/inactive/recurring.png) scroll no-repeat 0 0;
  width                : 21px;
  height               : 20px;
  text-indent          : -50000px;
  margin-left          : 3px;
}

div.micro_action div.verb a.recurring:hover {
  background-image     : url(/images/micro_actions/icons/active/recurring.png);
}

div.micro_action.editing div.verb a.recurring {
/*  margin-left          : 403px;*/
}

div.micro_action div.input_overlay.recurring {
  left                 : 560px;
  top                  : 0px;
}

div.micro_action div.input_overlay.recurring input[type='text'] {
  width                : 75px;
}

div.micro_action div.input_overlay span.placeholder {
  top                  : 5px;
}

/* MICROACTION EXPANDER/EXPANDING */
div.micro_action div.expand {
  cursor                : pointer;
  height                : 45px;
  line-height           : 12px;  
  padding-right        : 0px;
  padding-left         : 0px;
}

div.micro_action.edit div.expand {
  cursor: default;
}

div.micro_action.expanded div.expand {
  display              : block;

}

div.micro_action div.expand:hover > div > span:first-child {
  text-decoration      : underline;
}

div.micro_action.edit div.expand:hover > div > span:first-child {
  text-decoration      : none;
}

div.micro_action div.expand > div {
  float                : left;
  height               : 13px;
  line-height          : 14px;
  padding              : 16px 0;
}

div.micro_action div.expand > div.expander {
  background           : transparent url(/images/micro_actions/expand.png) no-repeat scroll 10px 16px;
  border-left          : 1px solid #DBD6DA;
  cursor               : pointer;
  width                : 46px;
}

div.micro_action.expanded div.expand > div.expander {
  background-image     : url(/images/micro_actions/contract.png);
}

div.micro_action div.expand > div:first-child {
  width                : 470px;
  padding-left         : 20px;
}

div.micro_action.expanded div.suppliment.expand {
  border-bottom-left-radius          : 0;
  -moz-border-radius-bottomleft      : 0;
  -webkit-border-bottom-left-radius  : 0;
}

div.micro_action.expanded div.expand > div:first-child {
  border-bottom         : 1px solid #DBD6DA;
}

div.micro_action div.expand > div:first-child > span {
  display              : block;
  float                : left;
  font-size            : 11px;
  text-align           : right;
  width                : 83px;
}

div.micro_action div.expand > div:first-child > span:first-child{
  color                : #9b9198;
  font-size            : 14px;
  font-weight          : bold;
  text-align           : left;
  width                : 367px;
}

/* MICROACTION BODY */

div.micro_action.expanded div.more {
  display              : block;
  float                : left;
  width                : 450px;
  padding-top          : 10px;
  border-top-left-radius          : 0;
  border-top-right-radius         : 0;
  border-bottom-right-radius         : 0;
  -moz-border-radius-topleft      : 0;
  -moz-border-radius-topright     : 0;
  -moz-border-radius-bottomright     : 0;
  -webkit-border-top-left-radius  : 0;
  -webkit-border-top-right-radius : 0;
  -webkit-border-bottom-right-radius : 0;
}

div.micro_action.expanded div.more.show {
  border-bottom        : 0px;
  border-right         : 0px;
}

div.micro_action div.more > div {
  padding       : 0px 0 10px;
  clear         : both;
}

div.micro_action  ul.invitations {
  display             : none;
  clear               : both;
  padding-top         : 5px;
  margin-bottom       : 10px;
  position            : relative;
}

div.micro_action div.more > ul.invitations {
  border-bottom       : 1px solid #DAD3D1;
}

div.micro_action  ul.invitations.open,
ul[data-group="stubbed"] div.micro_action ul.invitations {
  display             : block;
}

div.micro_action  ul.invitations > li {
  height              : 48px;
}

div.micro_action  ul.invitations > li > div > span {
  padding             : 5px 0;
}

div.micro_action  ul.invitations > li > div > span,
div.micro_action  ul.invitations > li > div > div {
  display             : block;
  float               : left;
  margin-right        : 5px;
}

div.micro_action  ul.invitations > li > a.button {
  margin-left         : 28px;
}

div.micro_action  ul.invitations > li > a.button:hover {
  text-decoration     : underline;
}

div.micro_action  ul.invitations > li > a.button.medium {
  background          : transparent url(/images/buttons/bg_dark_medium.png);
  display             : block;
  width               : 90px;
}

div.micro_action  ul.invitations > li > a.button.xlarge {
  background          : transparent url(/images/buttons/bg_dark_large.png);
  display             : block;
  width               : 110px;
}

div.micro_action  ul.invitations > li > a.button.xlarge {
  background          : transparent url(/images/buttons/bg_dark_xlarge.png);
  display             : block;
  width               : 150px;
}

div.micro_action ul.invitations > a.invite {
  position            : absolute;
  top                 : 5px;
  right               : 57px;
  width               : 27px;
  height              : 27px;
  background          : transparent url(/images/micro_actions/icons/inactive/invite.png);
  text-indent         : -50000px;
}

div.micro_action div.more ul.invitations > a.invite {
  bottom              : 15px;
  right               : 9px;
}

div.micro_action ul.invitations a.close,
div.micro_action ul.invitations a.invite {
  display             : none;
}

div.micro_action ul.invitations.recurring a.invite {
  display             : block;
}

div.micro_action ul.invitations.recurring a.close {
  display             : inline;
  margin-left         : 75px;
}

div.micro_action ul.invitations > a.invite:hover {
  background-image    : url(/images/micro_actions/icons/active/invite.png);
}

/* MADLIBS DETAILS */
div.madlibs {
  border-bottom: 0;
}

div.madlibs > * {
  display: block;
  float: left;
  margin-right: 3px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 9px;
}

div.micro_action div.tip {
  width               : 232px;
}

/* DESCRIPTION and MEDIA */

div.micro_action div.userpic {
  background          : url(/images/icons/profile/small/gray.png) no-repeat scroll 2px 2px;
  float               : left;
}

div.micro_action div.userpic > a > img,
div.micro_action div.userpic > img {
  width               : 46px;
  height              : 46px;
}


/* BUTTONS */
div.micro_action.preview div.buttons,
div.micro_action.edit.expanded div.buttons,
div[data-group="stubbed"] div.micro_action.expanded div.buttons,
div[data-group="stubbed"] div.micro_action.waiting div.buttons,
div[data-group="stubbed"] div.micro_action.populated div.buttons {
  display             : block !important;
  border              : 0;
  background-color    : transparent;
  height              : 30px;
  clear               : both;
}

div.micro_action div.buttons > div {
  width               : 220px;
  float               : left;
  text-align          : right;
  padding             : 5px 0;
  margin-right        : 10px;
}

div.micro_action div.buttons > div a {
  color               : #9B9098;
  text-decoration     : underline;
}

div.micro_action div.buttons > div.tab {
  width               : 240px;
  float               : left;
  text-align          : center;
  margin              : 0;
  background          : transparent url(/images/micro_actions/buttons/tab_background.png);
  border-bottom-left-radius          : 10px;
  border-bottom-right-radius         : 10px;
  -moz-border-radius-bottomleft      : 10px;
  -moz-border-radius-bottomright     : 10px;
  -webkit-border-bottom-left-radius  : 10px;
  -webkit-border-bottom-right-radius : 10px;
}

div.micro_action div.buttons > div.tab a {
  color               : #fff;
  text-decoration     : none;
}


/* */
div[data-group="incomplete"] div.micro_action.edit div.header h3 span,
div[data-group="complete"] div.micro_action.edit div.header h3 span {
  padding-right       : 0px;
}

/* Microaction Standalone Page Overrides */
#single_micro_action div.micro_action.expanded div.more {
  width               : 499px;
  border              : 1px solid #DAD3D1;
  border-bottom-right-radius         : 10px;
  -moz-border-radius-bottomright     : 10px;
  -webkit-border-bottom-right-radius : 10px;
}

#single_micro_action div.micro_action.expanded div.suppliment.expand {
  border-bottom-right-radius         : 0;
  -moz-border-radius-bottomright     : 0;
  -webkit-border-bottom-right-radius : 0;
}

#single_micro_action div.micro_action.populated div.header h3 > div.name {
  padding             : 7px 0;
}

#single_micro_action #div.micro_action > form > div.suppliment {
  display             : block;
}

#single_micro_action div.micro_action div.header h3 span.caption {
  background-repeat   : no-repeat;
  height              : 40px;
  width               : 40px;
}

#single_micro_action div.suppliment {
  display             : block;
}

#single_micro_action div.suppliment.expand,
#single_micro_action div.reorder,
#single_micro_action div.suppliment.buttons,
#single_micro_action div.suppliment.comments {
  display             : none;
}

/* 
 *
 * * * * * HEADER * * * * *
 *
 */
div[data-group="stubbed"] div.micro_action.populated div.header h3 > div.name,
div.micro_action.populated.edit div.header h3 > div.name {
  padding-bottom: 11px;
}
 
 
div[data-group="stubbed"] div.micro_action div.header h3 span.placeholder,
div.micro_action.edit div.header h3 span.placeholder {
  padding               : 0 10px 0 3px;
  margin                : 0;
  font-style            : italic;
  text-decoration       : none;
}

div[data-group="stubbed"] div.micro_action div.header h3 span.filler,
div.micro_action.edit div.header h3 span.filler {
  color                 : #9B9199;
  line-height           : 30px;
  margin: 0;
}

div[data-group="stubbed"] div.micro_action div.header div.text_holder,
div[data-group="stubbed"] div.micro_action div.header div.text_holder,
div.micro_action.edit div.header div.text_holder,
div.micro_action.edit div.header div.text_holder {
  display               : none;
}

div[data-group="stubbed"] div.micro_action div.header div.count,
div.micro_action.edit div.header div.count {
  background-color      : #FFFFFF;
  top                   : 0;
  font-size             : 10px;
  position              : absolute;
  right                 : 5px;
  display               : none;
  padding               : 5px 5px;
  border-radius         : 3px;
  -webkit-border-radius : 3px;
  -moz-border-radius    : 3px;
  line-height           : 12px;
}

div[data-group="stubbed"] div.micro_action div.header div.count.error,
div.micro_action.edit div.header div.count.error {
  color                 : #FF0000;
  display               : block;
  font-weight           : bold;
  padding               : 5px 10px;
}

div[data-group="stubbed"] div.micro_action div.header textarea,
div[data-group="stubbed"] div.micro_action.populated div.header textarea,
div.micro_action.edit div.header textarea,
div.micro_action.populated.edit div.header textarea {
  background-color      : transparent;
  height                : 23px;
}

div[data-group="stubbed"] div.micro_action.editing div.header textarea,
div[data-group="stubbed"] div.micro_action.waiting div.header h3 > textarea,
div.micro_action.editing.edit div.header textarea,
div.micro_action.waiting.edit div.header h3 > textarea {
  border                : 0px;
  color                 : #000;
  font-size             : 16px;
  height                : 20px;
  margin                : 0 4px;
  padding               : 3px 0 10px;
  width                 : 500px;
  border-radius         : 0;
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
}

div[data-group="stubbed"] div.micro_action.editing div.header div.text_holder,
div[data-group="stubbed"] div.micro_action.editing div.header div.count,
div[data-group="stubbed"] div.micro_action.waiting div.header h3 > div.text_holder,
div.micro_action.editing.edit div.header div.text_holder,
div.micro_action.editing.edit div.header div.count,
div.micro_action.waiting.edit div.header h3 > div.text_holder {
  display               : block;
}

div[data-group="stubbed"] div.micro_action.organize div.header textarea,
div[data-group="stubbed"] div.micro_action.produce div.header textarea,
div[data-group="stubbed"] div.micro_action.support div.header textarea,
div[data-group="stubbed"] div.micro_action.create div.header textarea,
div[data-group="stubbed"] div.micro_action.fund div.header textarea,
div[data-group="stubbed"] div.micro_action.waiting.organize div.header textarea,
div[data-group="stubbed"] div.micro_action.waiting.produce div.header textarea,
div[data-group="stubbed"] div.micro_action.waiting.support div.header textarea,
div[data-group="stubbed"] div.micro_action.waiting.create div.header textarea,
div[data-group="stubbed"] div.micro_action.waiting.fund div.header textarea,
div.micro_action.organize.edit div.header textarea,
div.micro_action.produce.edit div.header textarea,
div.micro_action.support.edit div.header textarea,
div.micro_action.create.edit div.header textarea,
div.micro_action.fund.edit div.header textarea,
div.micro_action.waiting.organize.edit div.header textarea,
div.micro_action.waiting.produce.edit div.header textarea,
div.micro_action.waiting.support.edit div.header textarea,
div.micro_action.waiting.create.edit div.header textarea,
div.micro_action.waiting.fund.edit div.header textarea {
  color                 : #fff;
}
*/
div[data-group="stubbed"] div.micro_action.editing div.header,
div.micro_action.editing.edit div.header {
  display               : block;
}

div[data-group="stubbed"] div.micro_action.waiting div.header h3 > span.filler,
div[data-group="stubbed"] div.micro_action.editing div.header h3 > span.filler,
div[data-group="stubbed"] div.micro_action.populated div.header h3 > span.filler,
div.micro_action.waiting.edit div.header h3 > span.filler,
div.micro_action.editing.edit div.header h3 > span.filler,
div.micro_action.populated.edit div.header h3 > span.filler {
  display               : none;
}

div.micro_action.blank div.header h3 > span.filler {
  color:#FFFFFF;
  display:block !important;
  font-style:italic;
  height:20px;
  text-decoration:underline;
}

div[data-group="stubbed"] div.micro_action div.header h3 > div > span.action_word,
div.micro_action.edit div.header h3 > div > span.action_word {
  height                : 20px;
}

div[data-group="stubbed"] div.micro_action.editing div.header h3 > div > span.action_word,
div.micro_action.editing.edit div.header h3 > div > span.action_word {
  display               : none;
}

div[data-group="stubbed"] div.micro_action.waiting div.header h3 > div > span.action_word,
div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word,
div.micro_action.waiting.edit div.header h3 > div > span.action_word,
div.micro_action.populated.edit div.header h3 > div > span.action_word {
  margin-left           : 5px;
  float                 : left;
}

div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word.create,
div[data-group="stubbed"] div.micro_action.create > form > div.section,
div.micro_action.populated.edit div.header h3 > div > span.action_word.create,
div.micro_action.create.edit > form > div.section {
  border-color          : #FF0063;
}

div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word.fund,
div[data-group="stubbed"] div.micro_action.fund > form > div.section,
div.micro_action.populated.edit div.header h3 > div > span.action_word.fund,
div.micro_action.fund.edit > form > div.section {
  border-color          : #59A893;
}

div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word.support,
div[data-group="stubbed"] div.micro_action.support > form > div.section,
div.micro_action.populated.edit div.header h3 > div > span.action_word.support,
div.micro_action.support.edit > form > div.section {
  border-color          : #8E2CDB;
}

div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word.organize,
div[data-group="stubbed"] div.micro_action.organize > form > div.section,
div.micro_action.populated.edit div.header h3 > div > span.action_word.organize,
div.micro_action.organize.edit > form > div.section {
  border-color          : #00CCF3;
}

div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word.produce,
div[data-group="stubbed"] div.micro_action.produce > form > div.section,
div.micro_action.populated.edit div.header h3 > div > span.action_word.produce,
div.micro_action.produce.edit > form > div.section {
  border-color          : #FE9500;
}

div[data-group="stubbed"] div.micro_action.populated div.header h3 > div > span.action_word.first-child,
div.micro_action.populated.edit div.header h3 > div > span.action_word.first-child {
  margin-left           : 0px;
}

div[data-group="stubbed"] div.micro_action > form > div.section,
div.micro_action.edit > form > div.section  {
  background: transparent url(/images/micro_actions/background/verb.png) no-repeat scroll top left;
  color                 : #58595B;
  display               : none;
  margin                : -7px 0 0 45px;
  padding               : 15px 0 8px 16px;
}

/* 
 *
 * * * * * VERB CHOOSER * * * * *
 *
 */

div[data-group="stubbed"] div.micro_action div.verb,
div.micro_action.edit div.verb {
  height               : 20px;
  line-height          : 20px;
}

div[data-group="stubbed"] div.micro_action.editing div.verb,
div[data-group="stubbed"] div.micro_action.populated div.verb,
div[data-group="stubbed"] div.micro_action.waiting div.verb,
div.micro_action.editing.edit div.verb,
div.micro_action.populated.edit div.verb,
div.micro_action.waiting.edit div.verb {
  display              : block;
}

div[data-group="stubbed"] div.micro_action div.verb > span,
div[data-group="stubbed"] div.micro_action div.verb > img.loading,
div[data-group="stubbed"] div.micro_action div.verb > ul,
div.micro_action.edit div.verb > span,
div.micro_action.edit div.verb > img.loading,
div.micro_action.edit div.verb > ul {
  display              : block;
  float                : left;
}

div[data-group="stubbed"] div.micro_action div.verb > img.loading,
div.micro_action.edit div.verb > img.loading {
  display              : none;
  margin-left          : 3px;
}

div[data-group="stubbed"] div.micro_action div.verb ul,
div.micro_action.edit div.verb ul {
  width                : 350px;
}

div[data-group="stubbed"] div.micro_action div.verb ul li,
div.micro_action.edit div.verb ul li {
  color                : #fff;
  display              : block;
  float                : left;
  margin-left          : 2px;
  width                : 66px;
  height               : 22px;
}

div[data-group="stubbed"] div.micro_action div.verb > span:first-child,
div.micro_action.edit div.verb > span{
  color                : #000000;
  font-size            : 11px;
  font-weight          : bold;
  margin-left          : 0;
}

div[data-group="stubbed"] div.micro_action.create div.header > h3 > div.figure > span.caption,
div[data-group="stubbed"] div.micro_action.produce div.header > h3 > div.figure > span.caption,
div[data-group="stubbed"] div.micro_action.organize div.header > h3 > div.figure > span.caption,
div[data-group="stubbed"] div.micro_action.fund div.header > h3 > div.figure > span.caption,
div[data-group="stubbed"] div.micro_action.support div.header > h3 > div.figure > span.caption,
div.micro_action.create.edit div.header > h3 > div.figure > span.caption,
div.micro_action.produce.edit div.header > h3 > div.figure > span.caption,
div.micro_action.organize.edit div.header > h3 > div.figure > span.caption,
div.micro_action.fund.edit div.header > h3 > div.figure > span.caption,
div.micro_action.support.edit div.header > h3 > div.figure > span.caption {
  background            : transparent url(/images/micro_actions/handles/plus_up.png) no-repeat scroll center center;
  height                : 100%;
  width                 : 100%;
}

div[data-group="stubbed"] div.micro_action.create div.header > h3,
div[data-group="stubbed"] div.micro_action.create div.header > h3 > div.figure,
div[data-group="stubbed"] div.micro_action.create div.header > h3 > div.figure:after,
div.micro_action.create.edit div.header > h3,
div.micro_action.create.edit div.header > h3 > div.figure,
div.micro_action.create.edit div.header > h3 > div.figure:after {
  background-color     : #FF0063;
}

div[data-group="stubbed"] div.micro_action.fund div.header > h3,
div[data-group="stubbed"] div.micro_action.fund div.header > h3 > div.figure,
div[data-group="stubbed"] div.micro_action.fund div.header > h3 > div.figure:after,
div.micro_action.fund.edit div.header > h3,
div.micro_action.fund.edit div.header > h3 > div.figure,
div.micro_action.fund.edit div.header > h3 > div.figure:after {
  background-color     : #59A893;
}

div[data-group="stubbed"] div.micro_action.organize div.header > h3,
div[data-group="stubbed"] div.micro_action.organize div.header > h3 > div.figure,
div[data-group="stubbed"] div.micro_action.organize div.header > h3 > div.figure:after,
div.micro_action.organize.edit div.header > h3,
div.micro_action.organize.edit div.header > h3 > div.figure,
div.micro_action.organize.edit div.header > h3 > div.figure:after {
  background-color     : #00CCF3;
}

div[data-group="stubbed"] div.micro_action.produce div.header > h3,
div[data-group="stubbed"] div.micro_action.produce div.header > h3 > div.figure,
div[data-group="stubbed"] div.micro_action.produce div.header > h3 > div.figure:after,
div.micro_action.produce.edit div.header > h3,
div.micro_action.produce.edit div.header > h3 > div.figure,
div.micro_action.produce.edit div.header > h3 > div.figure:after {
  background-color     : #FE9500;
}

div[data-group="stubbed"] div.micro_action.support  div.header > h3,
div[data-group="stubbed"] div.micro_action.support  div.header > h3 > div.figure,
div[data-group="stubbed"] div.micro_action.support  div.header > h3 > div.figure:after,
div.micro_action.support.edit  div.header > h3,
div.micro_action.support.edit  div.header > h3 > div.figure,
div.micro_action.support.edit  div.header > h3 > div.figure:after {
  background-color     : #8E2CDB;
}

div[data-group="stubbed"] div.micro_action div.verb ul li label,
div.micro_action.edit div.verb ul li label {
  background: transparent url(/images/micro_actions/buttons/inactive.png) no-repeat scroll top left;
}

div[data-group="stubbed"] div.micro_action.create div.verb ul li.create label,
div.micro_action.create.edit div.verb ul li.create label {
  background: transparent url(/images/micro_actions/buttons/active/create.png) no-repeat scroll top left;
}

div[data-group="stubbed"] div.micro_action.produce div.verb ul li.produce label,
div.micro_action.produce.edit div.verb ul li.produce label{
  background: transparent url(/images/micro_actions/buttons/active/produce.png) no-repeat scroll top left;
}

div[data-group="stubbed"] div.micro_action.organize div.verb ul li.organize label,
div.micro_action.organize.edit div.verb ul li.organize label{
  background: transparent url(/images/micro_actions/buttons/active/organize.png) no-repeat scroll top left;
}

div[data-group="stubbed"] div.micro_action.fund div.verb ul li.fund label,
div.micro_action.fund.edit div.verb ul li.fund label {
  background: transparent url(/images/micro_actions/buttons/active/fund.png) no-repeat scroll top left;
}

div[data-group="stubbed"] div.micro_action.support div.verb ul li.support label,
div.micro_action.support.edit div.verb ul li.support label {
  background: transparent url(/images/micro_actions/buttons/active/support.png) no-repeat scroll top left;
}

div[data-group="stubbed"] div.micro_action div.verb ul li label,
div.micro_action.edit div.verb ul li label {
  cursor               : pointer;
  display              : block;
  color                : #fff;
  text-align           : center;
  font-size            : 12px;
}

div[data-group="stubbed"] div.micro_action div.verb ul li label:hover,
div.micro_action.edit div.verb ul li label:hover {
  text-decoration      : underline;
}

div[data-group="stubbed"] div.micro_action div.verb ul li input[type='radio'],
div.micro_action.edit div.verb ul li input[type='radio'] {
  display              : none;
}

/* MOAR STUFF */


div[data-group="stubbed"] div.micro_action.editing div.expand,
div[data-group="stubbed"] div.micro_action.waiting div.expand,
div[data-group="stubbed"] div.micro_action.populated div.expand,
div.micro_action.editing.edit div.expand,
div.micro_action.waiting.edit div.expand,
div.micro_action.populated.edit div.expand {
  display              : block;
  padding-right        : 0px;
  padding-left         : 0px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description > h4,
div.micro_action.edit div.edit > div.description > h4 {
  font-size           : 14px;
  font-weight         : bold;
  color               : #9b9198;
  margin-bottom       : 7px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description > div.profile_image,
div.micro_action.edit div.edit > div.description > div.profile_image {
  width               : 40px;
  height              : 40px;
  padding             : 2px;
  margin-right        : 12px;
  float               : left;
  background          : transparent url(/images/icons/profile/small/gray.png) no-repeat scroll 2px 2px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description > div.textarea,
div.micro_action.edit div.edit > div.description > div.textarea {
  width               : 390px;
  float               : left;
  display             : block;
}


div[data-group="stubbed"] div.micro_action div.edit > div.description > div.textarea > textarea,
div.micro_action.edit div.edit > div.description > div.textarea > textarea{
  width               : 382px;
  height              : 35px;
  padding             : 5px;
  border-size         : 1px;
  background-color    : #fff;
  border-color        : #EDEAE1;
  font-size           : 12px;
  -border-radius      : 10px;
  -moz-border-radius  : 10px;
  -webkit-border-radius: 10px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description > div.textarea > span ,
div.micro_action.edit div.edit > div.description > div.textarea > span {
  float               : left;
  display             : block;
  width               : 126px;
  padding             : 5px 0 0 5px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul, 
div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul > li,
div.micro_action.edit div.edit > div.description >  ul, 
div.micro_action.edit div.edit > div.description >  ul > li {
  float               : left;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul,
div.micro_action.edit div.edit > div.description >  ul {
  clear               : both;
  margin-left         : 55px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul > li ,
div.micro_action.edit div.edit > div.description >  ul > li {
  margin-left         : 5px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul > li:first-child,
div.micro_action.edit div.edit > div.description >  ul > li:first-child {
  font-size           : 12px;
  margin-right        : 5px;
  padding-top         : 3px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul > li > a,
div.micro_action.edit div.edit > div.description >  ul > li > a {
  width               : 48px;
  height              : 13px;
  line-height         : 13px;
  font-size           : 12px;
  font-weight         : bold;
  text-align          : center;
  padding             : 4px 10px;
  display             : block;
  float               : left;
  color               : #fff;
  background          : transparent url(/images/micro_actions/buttons/background.png) no-repeat scroll;
  border-radius       : 6px;
  -moz-border-radius  : 6px;
  -webkit-border-radius : 6px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.description >  ul > li > a:hover,
div.micro_action.edit div.edit > div.description >  ul > li > a:hover{
  text-decoration: none;
  background-image: url(/images/micro_actions/buttons/rollover.png);
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs > select#micro_action_duration_id,
div.micro_action.edit div.edit > div.madlibs > select#micro_action_duration_id {
  width: 180px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs  input[name="micro_action[timeframe]"],
div.micro_action.edit div.edit > div.madlibs  input[name="micro_action[timeframe]"] {
  width: 90px;
  background: #fff url(/images/micro_actions/fields/inactive/date.png) no-repeat scroll 100px center;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs  input[name="micro_action[timeframe]"]:focus,
div.micro_action.edit div.edit > div.madlibs  input[name="micro_action[timeframe]"]:focus {
  background-image: url(/images/micro_actions/fields/active/date.png);
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs > select#micro_action_cost,
div.micro_action.edit div.edit > div.madlibs > select#micro_action_cost {
  width : 103px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_skills,
div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_resources,
div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_location,
div.micro_action.edit div.edit > div.madlibs input#micro_action_skills,
div.micro_action.edit div.edit > div.madlibs input#micro_action_resources,
div.micro_action.edit div.edit > div.madlibs input#micro_action_location,
div.micro_action input.invitation_recipient {
  width                 : 220px;
  background-repeat     : no-repeat;
  background-attachment : scroll;
  background-position   : 220px center;
  font-size             : 14px;
  padding               : 4px 8px;
}

div.micro_action input.invitation_recipient {
  background    : #FFFFFF url(/images/micro_actions/fields/inactive/email_tribe.png) no-repeat scroll 194px center;
  padding       : 4px 46px 4px 10px !important;
  width         : 184px;
  height        : 16px;
}

div.micro_action input.invitation_recipient:focus {
  background-image : url(/images/micro_actions/fields/active/email_tribe.png);
  color            : #341B2E;
}

div.micro_action input.invitation_recipient.email:focus,
div.micro_action input.invitation_recipient.email {
  background-image : url(/images/micro_actions/fields/active/email.png);
}

div.micro_action input.invitation_recipient.tribe:focus,
div.micro_action input.invitation_recipient.tribe {
  background-image : url(/images/micro_actions/fields/active/tribe.png);
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_skills,
div.micro_action.edit div.edit > div.madlibs input#micro_action_skills {
  background-image : url(/images/micro_actions/fields/inactive/talents.png);
  width            : 224px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_skills:focus,
div.micro_action.edit div.edit > div.madlibs input#micro_action_skills:focus {
  background-image : url(/images/micro_actions/fields/active/talents.png);
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_resources ,
div.micro_action.edit div.edit > div.madlibs input#micro_action_resources {
  background-image    : url(/images/micro_actions/fields/inactive/tools.png);
  background-position : 219px center;
  padding-right       : 23px;
  width               : 209px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_resources:focus ,
div.micro_action.edit div.edit > div.madlibs input#micro_action_resources:focus {
  background-image : url(/images/micro_actions/fields/active/tools.png);
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_location,
div.micro_action.edit div.edit > div.madlibs input#micro_action_location {
  background-image : url(/images/micro_actions/fields/inactive/location.png);
  width            : 225px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs input#micro_action_location:focus ,
div.micro_action.edit div.edit > div.madlibs input#micro_action_location:focus {
  background-image : url(/images/micro_actions/fields/active/location.png);
}

/* EVEN MOAR */

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs  select, 
div[data-group="stubbed"] div.micro_action div.edit > div.madlibs  input[type='text'],
div.micro_action.edit div.edit > div.madlibs  select, 
div.micro_action.edit div.edit > div.madlibs  input[type='text'] {
  line-height                   : 12px;
  padding                       : 6px 5px;
  font-size                     : 14px;
  float                         : left;
  border                        : 1px solid #EDEAE1;
  border-radius                 : 8px;
  -moz-border-radius            : 8px;
  -webkit-border-radius         : 8px;
  color                         : #341B2E;
  background-color              : #fff;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs > select,
div.micro_action.edit div.edit > div.madlibs > select {
  height                        : 25px;
  padding                       : 2px 10px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs > input[type='text'],
div[data-group="stubbed"] div.micro_action div.edit > div.madlibs > div > input[type='text'],
div.micro_action.edit div.edit > div.madlibs > input[type='text'],
div.micro_action.edit div.edit > div.madlibs > div > input[type='text'] {
  height                        : 16px;
  padding                       : 4px 20px 4px 10px;
}

div[data-group="stubbed"] div.micro_action div.edit > div.madlibs > div  span.placeholder {
  padding : 0px 10px !important;
}

div[data-group="stubbed"] div.micro_action ul.invitations span.placeholder {
  padding : 5px 11px !important;
}

/* hide the edit form always first */
div.micro_action.edit {
  display: none;
}

/* hook for drag microaction */
div.micro_action > div.header > h3 > div.icons > div.reorder {
  float               : right;
  margin-right        : 5px;
  text-indent         : -10000px;
  background          : url(/images/interface/expand.png) no-repeat;
  width               : 30px;
  height              : 30px;
  cursor              : move;
}

div#main div.micro_action > div.header > h3 > div.icons > div.reorder {
  display: none;
}

/* HEADER */
div[data-group="incomplete"] div.micro_action div.header h3 span,
div[data-group="complete"] div.micro_action div.header h3 span {
  line-height         : 20px;
}

div[data-group="incomplete"] div.micro_action div.header h3 span.caption,
div[data-group="complete"] div.micro_action div.header h3 span.caption {
  background-repeat   : no-repeat;
  height              : 40px;
  width               : 40px;
}

div.micro_action.accepted div.header h3 span.caption,
div.micro_action.complete div.header h3 span.caption {
  background-image    : url(/images/micro_actions/handles/profile.png);
}

div.micro_action.pending_acceptance div.header h3 span.caption {
  background-image    : url(/images/micro_actions/handles/notification.png);
}

div.micro_action.open div.header h3 span.caption {
  background-image    : url(/images/micro_actions/handles/plus_up.png);
}

div.micro_action.recurring div.header h3 span.caption {
  background          : transparent url(/images/micro_actions/handles/recurring.png) no-repeat scroll 9px 9px;
}

/* EXPANDED */
div.micro_action.preview div.who,
div[data-group="incomplete"] div.micro_action.preview div.expand,
div[data-group="incomplete"] div.micro_action.preview div.comments,
div[data-group="complete"] div.micro_action.preview div.expand,
div[data-group="complete"] div.micro_action.preview div.comments {
  display             : block;
  margin-right        : 3px;
}

/* MICROACTOR INFO */
div.micro_action div.who {
  padding             : 5px 20px 0;
}

div.micro_action div.who p {
  color               : #736B70;
  font-weight         : bold;
}

div.micro_action div.who p > a {
  color               : #736B70;
  text-decoration     : underline;
}

/* recurring */
div.micro_action div.who > ul > li {
  border-top          : 1px solid #DAD3D1;
  padding             : 10px 0;
  overflow            : hidden;
}

div.micro_action div.who ul > li:first-child {
  border-top          : none;
}

div.micro_action div.who.recurring > ul > li div.userpic {
  margin-right        : 5px;
}

div.micro_action div.who.recurring > ul > li div.userpic img {
  width               : 23px;
  height              : 23px;
}

div.micro_action div.who > ul > li.accepted div.userpic,
div.micro_action div.who > ul > li.complete div.userpic,
div.micro_action div.who > ul > li.invited div.userpic {
  height              : 23px;
  width               : 23px;
  background          : transparent url(/images/icons/small/inactive/profile.png) no-repeat scroll -9px -8px;
}

div.micro_action div.who > ul > li.invited {
  height              : 25px;
}

div.micro_action div.who > ul > li.invited > p {
  height              : 23px;
  margin-bottom       : 3px;
}

div.micro_action div.who > ul > li.invited > div.actors {
  display             : none;
}

div.micro_action div.who > ul > li.details {
  height              : auto;
  background          : transparent url(/images/micro_actions/fields/inactive/tribe.png) no-repeat scroll 54px 25px;
}

div.micro_action div.who > ul > li.details div.userpic img,
div.micro_action div.who > ul > li.accept div.userpic img {
  width               : 45px;
  height              : 45px;
}

div.micro_action div.who > ul > li.details div.userpic,
div.micro_action div.who > ul > li.accept div.userpic {
  margin-right        : 25px;
}

div.micro_action div.who > ul > li.details.accept div.userpic {
  margin-right        : 35px;
}

div.micro_action div.who ul > li.details > div.count {
  background          : transparent url(/images/micro_actions/icons/inactive/recurring-large.png) no-repeat scroll 7px 0;
  float               : left;
  font-size           : 16px;
  height              : 18px;
  margin-right        : 25px;
  padding             : 13px 0;
  text-align          : center;
  width               : 45px;
}

div.micro_action div.who > ul > li > div.actors {
  position            : relative;
  height              : 23px;
  overflow            : hidden;
}

div.micro_action div.who > ul > li > div.actors div.userpic {
  margin-bottom       : 5px;
}

div.micro_action div.who > ul > li.expanded {
  height              : auto;
}

div.micro_action div.who > ul > li.expanded > div.actors {
  height              : auto;
  display             : block;
}

div.micro_action div.who > ul > li > div.actors > a {
  position            : absolute;
  top                 : 0;
  right               : 0;
}

div.micro_action div.who > ul > li > div.actors > a > img{
  width               : 15px;
}

div.micro_action div.who ul > li ul.meta {
  clear               : right;
}

div.micro_action div.who ul > li ul.meta > li {
  font-size           : 10px;
  display             : block;
  float               : left;
}

div.micro_action div.who ul > li ul.meta > li:first-child {
  margin-right        : 5px;
}

div.micro_action div.who ul > li.accept {
  clear               : both;
  padding             : 15px 0;
  text-align          : center;
}

div.micro_action div.who > ul > li.accept {
  padding             : 10px 0;
}

div.micro_action div.who p.invite_buttons a,
div.micro_action div.who p.workflow_buttons a,
div.micro_action div.who a.button {
  color               : #fff;
  text-decoration     : none;
  padding             : 5px 15px;
  text-align          : center;
  float               : left;
}

div.micro_action div.who p.invite_buttons a:hover,
div.micro_action div.who p.workflow_buttons a:hover,
div.micro_action div.who a.button:hover {
  text-decoration     : underline;
}

div.micro_action div.who p.invite_buttons a.large,
div.micro_action div.who p.workflow_buttons a.large,
div.micro_action div.who a.button.large {
  background          : transparent url(/images/buttons/bg_dark_large.png);
  display             : block;
  width               : 110px;
}

div.micro_action div.who p.invite_buttons a.xlarge,
div.micro_action div.who p.workflow_buttons a.xlarge,
div.micro_action div.who a.button.xlarge {
  background          : transparent url(/images/buttons/bg_dark_xlarge.png);
  display             : block;
  width               : 150px;
}

div.micro_action div.who li.accept p {
  margin-bottom       : 5px;
  text-align          : left;
  float               : left;
}

div.micro_action div.who li.accept p.accept {
  float               : right;
}


div.micro_action div.who li.accept.details p {
  text-align          : left;
  margin-bottom       : 0;
}

/* nonrecurring */

div.micro_action div.who > ul > li.accept.details {
  height              : auto;
}

div.micro_action div.who > ul > li.accept.details p.invite_buttons {
  margin-top          : 5px;
}

/* MADLIBS */
div.madlibs span.value {
  background-color    : #F7F6F3;
  font-weight         : bold;
  padding             : 0 5px 0 25px;
  margin-right        : 0;
}

div.madlibs span.duration, 
div.madlibs span.cost {
  padding             : 0 5px;
}

div.madlibs span.duration {
  margin-right        : 5px;
}

div.madlibs span.timeframe {
  background          : #f7f6f3 url(/images/micro_actions/fields/inactive/date.png) no-repeat scroll 5px center;
}

div.madlibs span.talents {
  background          : #f7f6f3 url(/images/micro_actions/fields/inactive/talents.png) no-repeat scroll 5px center;
}

div.madlibs span.resources {
  background          : #f7f6f3 url(/images/micro_actions/fields/inactive/tools.png) no-repeat scroll 5px center;
}

div.madlibs span.location {
  background          : #f7f6f3 url(/images/micro_actions/fields/inactive/location.png) no-repeat scroll 5px center;
}

div.show div.madlibs {
  padding-top         : 15px;
  height              : auto;
}

div.show div.madlibs > * {
  margin-bottom       : 2px;
}

/* DESCRIPTION AND MEDIA */
div.micro_action div.show > div.description {
  border              : 0;
}

div.micro_action div.description div.media {
  border-bottom       : 1px solid #DBD6DA;
  padding             : 15px 0 10px;
}

div.micro_action div.description div.media > div,
div.micro_action div.description div.media > ul {
  padding-left        : 63px;
  margin-bottom       : 5px;
}

div.micro_action div.description div.media > div.userpic {
  padding             : 0;
}

div.micro_action div.description div.media > div.long_description {
  width               : 385px;
  font-size           : 11px;
  line-height         : 13px;
}

div.micro_action div.pagination {
  font-size           : 11px;
  border-top          : 1px solid #ddd;
  padding             : 15px 0 5px 60px;
}

div.comments div.pagination a {
  text-decoration: none;
}

.prev_page {
  margin-right: 10px;
}

.next_page {
  margin-left: 10px;
}

#user_profile .user-header > div {
  margin-left: 100px;
  margin-bottom: 20px;
}

#user_profile .user-header h2 {
  font-size: 2.5em;
  font-weight: normal;
  color: #FFF;
  margin-bottom: 10px;
  padding-top: 10px;
}

body.users.show > #container > #body > #user_profile #user_profile_activity li {
  font-family: Georgia, serif;
}

body.users.show > #container > #body > #user_profile,
body.users.me > #container > #body > #user_profile {
  background-color    : #000;
  padding             : 10px 10px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#user_profile .user-header h3 {
  color: #BBBDBF;;
  font-size: 1.25em;
  font-style: italic;
  font-weight: normal;
  padding-bottom: 17px;
  border-bottom: 1px solid #444;
}

div#user_search div.action_platforms > ul > li,
div#user_action_platforms > ul > li {
  margin              : 10px 10px 20px 0;
}

div#user_search div.action_platforms > ul > li > a,
div#user_action_platforms > ul > li > a {
  text-indent         : -10000px;
  background          : url(/images/icons/action_platform_i.png) no-repeat;
  display             : block;
  float               : left;
  height              : 45px;
  width               : 45px;
}

div#user_action_platforms > ul > li > h1,
div#user_search div.action_platforms > ul > li > h1 {
  margin-left         : 5px;
}

div#user_search div.action_platforms > ul > li > h1 > span,
div#user_action_platforms > ul > li > h1 {
  color               : #000;
  font-size           : 35px;
  line-height         : 45px;
  background          : #FFDD15;
  display             : inline;
}

div#user_search div.action_platforms > ul > li > ul {
  clear               : both;
}

div#user_search div.action_platforms > ul > li > ul > li,
div#user_action_platforms > ul > li > ul > li {
  font-family         : "Lucida Grande", sans-serif;
  display             : inline;
}

div#user_search div.action_platforms > ul > li > ul > li:first-child:after,
div#user_action_platforms > ul > li > ul > li:first-child:after {
  color               : #666;
  content             : " ||";
}

#user_profile div#activity-shell {
  clear: both;
  margin-bottom: 20px;
}

#user_profile div#activity-shell a {
  color: #eee;
  font-style: italic;
  font-size: 2em;
  text-transform: lowercase;
  width               : 380px;
  border: 1px solid #555;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 40px 0 40px 60px;
  display: inline-block;
  text-align: center;
  margin: 10px 0;
}

#user_profile div#activity-shell div.file_field {
  font-size           : 2em;
  font-style          : italic;
  color               : #EEE;
  text-transform      : lowercase;
  width               : 380px;
  padding             : 40px 0 40px 60px;
  display             : inline-block;
  text-align          : center;
  margin              : 10px 0;
  position            : relative;
  background          : url(/images/icons/profile/activity-shell-face.png) no-repeat;
  border              : 1px solid #555;
  border-radius         : 10px;
  -webkit-border-radius : 10px;
  -moz-border-radius    : 10px;
}

#user_profile div.user-header {
  overflow            : hidden;
  position            : relative;
}

#user_profile div.user-header div.file_field {
  margin              : 0;
  background-image    : none;
  background-color    : transparent;
  border              : 0;
  float               : left;
  height              : 80px;
  margin-right        : 10px;
  width               : 80px;
}

#user_profile div.user-header div.file_field span.message > img {
  width               : 80px;
  height              : 80px;
}

#user_profile div.user-header div.file_field span.message > img {
  background          : #555555 url(/images/icons/profile/medium/gray.png) repeat scroll 0 0;
}

#user_profile div.user-header div.file_field > input {
  position            : relative;
  top                 : 0;
  width               : 80px;
  height              : 80px;
  line-height         : 39px;
  font-size           : 60px;
  z-index             : 2;
}

#user_profile .user-header img.user_image {
  background          : #555 url(/images/icons/profile/medium/gray.png);
  float               : left;
  height              : 80px;
  width               : 80px;
  margin-right        : 10px;
  border-radius         : 10px;
  -webkit-border-radius : 10px;
  -moz-border-radius    : 10px;
}

#user_profile .user-header ul.interact {
  /* TODO (CTI) match styleguide */
  padding             : 4px 10px;
  background          : #555;
  border              : 2px solid #808080;
  position            : absolute;
  bottom              : 35px;
  right               : 0;
}

#user_profile .user-header ul.interact > li > a {
  /* TODO (CTI) match styleguide */
  font-size           : 1.25em;
  font-weight         : normal;
  color               : #FFF;
}

/* Styling file fields sucks */
@-moz-document url-prefix() {
  #user_profile div.user-header div.file_field > input {  
    left              : -1409px;
  }
}

#user_profile div.user-header div.file_field > img {
  left                  : 65px;
  position              : absolute;
  top                   : 63px;
  z-index               : 1;
  display               : none;
}

#user_profile div#activity-shell div.file_field > input,
#user_profile div#activity-shell div.file_field > span.message {
  position            : absolute;
  left                : 120px;
  top                 : 30px;
}

#user_profile div#activity-shell div.file_field > input {
  opacity             : 0;
  top                 : 38px;
  z-index             : 2;
}

#user_profile div#activity-shell div.file_field > span.message {
  font-family         : Georgia, serif;
  font-size           : 28px;
  font-style          : italic;
  font-weight         : bold;
  color               : #EEE;
  text-transform      : lowercase;
  left                : 110px;
  z-index             : 1;
}

#user_profile div#activity-shell a.upload-photo {
  background: url(/images/icons/profile/activity-shell-face.png) no-repeat;
  margin-right: 20px;
}

#user_profile div#activity-shell a.find-microaction {
  background: url(/images/icons/profile/activity-shell-plus.png) no-repeat;
}

#user_profile p#recent-activity {
  margin-top: 20px;
}

#user_profile div#global-recent-activity div {
  margin-top: 10px;
  color: #707070;
  font-size: 2em;
  font-family: Arial, sans-serif;
  line-height: 1.3;
}

#user_profile div#global-recent-activity div a {
  color: #707070;
  font-weight: normal;
}


.static #body h1, .static #body h2, .static #body h3, .static #body h4 {
  font-family         : Georgia, serif;
}

.static #body h1, .about #body h2 {
  font-size           : 36px;  
}

.static #body h1 {
  color               : #000;
  padding-bottom      : 10px;
}

.static p {
  font-size           : 13px;
  padding-top         : 5px;
}

.error p.intro {
  font-family         : Georgia,serif;
  font-size           : 18px;
  width               : 475px;
}

.error #body > div > p {
  padding-left        : 6px;
}

.error #body > div > p > a {
  display             : block;
}

.static address {
  font-size           : 13px;
}

.about #body h2, .about #body h3 {
  display             : inline-block;
  float               : left;
}

.about #body h2 {
  font-size           : 36px;
  height              : 36px;
  line-height         : 36px;  
  display             : inline;
  color               : #000;
}

.about #body h3,
.error #body h3 {
  font-size           : 18px;
  height              : 36px;
  line-height         : 46px;
  margin-left         : 5px;
}

.error #body h3 {
  color               : black;
  margin-top          : 40px;
}

.error #body h3 a {
  font-weight         : normal;
}

.about #body h4 {
  clear               : both;
  border-bottom       : 1px solid #58595B;
  font-size           : 18px;
  padding             : 10px 0;
  color               : #000;
}

.about div.person {
  padding             : 20px 0;
  border-bottom       : 1px solid #58595B;
}

.about div.person div.image_holder {
  height              : 190px;
  width               : 300px;
  float               : left;
  margin-right        : 20px;
}

.about div.person div.info_holder {
  float               : left;
  width               : 620px;
}

.about div.person span {
  float               : left;
  clear               : both;
}

.privacy div#subheadings {
  width               : 300px;
  float               : left;
}

.privacy div#sections {
  width               : 620px;
  float               : right;
}

.privacy div#sections > div {
  padding             : 20px 0 10px;
  border-bottom       : 1px solid #58595B;
}

.privacy div#sections > div > p{
  margin              : 10px 0;
}

.feedback #body h2 {
  font-size           : 36px;
  height              : 36px;
  line-height         : 36px;  
  display             : inline;
  color               : #000;
}

.how_it_works h2.how_it_works {
  font-size           : 30px;
  padding             : 40px 0 20px 0;
}

.how_it_works div.intro {
  display             : block;
  height              : 350px;
}

.how_it_works div.intro p {
  font-size           : 14px;
  padding-bottom      : 10px;
}

.how_it_works div.step {
  clear               : both;
  border-top          : 3px solid #58595B;
}

.how_it_works div.step div.image_holder {
  float               : left;
  width               : 330px;
  padding             : 5px;
}

.how_it_works div.step div.content {
  padding             : 15px;
  text-align          : left;
}

.how_it_works div#intro_content {
  float               : left;
  width               : 500px;
}

.how_it_works div#intro_content span.highlight {
  color               : #000;
  background          : #FDE000;
}

.how_it_works div#video_holder {
  float               : left;
  padding             : 0 0 15px 15px;
  width               : 420px;
}

.how_it_works div#video_holder p#video_desc {
  font-size           : 12px;
  font-style          : italic;
}

.how_it_works div#video_holder div.white {
  background        : #FFF;
  padding           : 10px;
  margin-bottom     : 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.how_it_works div#intro_content ol,
.how_it_works div#intro_content ul {
  font-size           : 14px;
}

.how_it_works div#intro_content ol {
  list-style          : decimal outside none;
  padding             : 10px 0;
  margin-left         : 20px;
}

.how_it_works div#intro_content ol > li {
  padding             : 5px 0;
}

.how_it_works div#intro_content ul {
  list-style          : disc outside none;
  padding             : 10px;
  margin-left         : 10px;
}

.how_it_works div#intro_content ul > li {
  padding             : 1px 0;
}

.badge div#badges {
  text-align          : center;
  padding-top         : 30px;
}

.badge div.badge {
  float               : left;
  padding             : 0 90px 0 90px;
}

.badge h3 {
  font-size           : 22px;
  margin-top          : 10px;
}

.badge p {
  margin-bottom       : 10px;
}