/* --- Typography ------------ */
h1, h2, h3 { color: #f15b26; }

/* --- Common ------------ */
body { background: #9dcbe9 url('http://wawwd-resources.s3.amazonaws.com/toolkit_background.jpg') left top repeat; }
body.logged-in #wrapper { background: url('http://wawwd-resources.s3.amazonaws.com/sub_page_background_toolkit.png') center 70px no-repeat; padding-top: 20px; }

#wrapper { background: url('http://wawwd-resources.s3.amazonaws.com/sub_page_background_toolkit.png') center top no-repeat; }
#header { height: 170px; margin-right: 3px; background: url(images/toolkit_header.png) center top no-repeat; }
#header #wall_link { height: 42px; bottom: 35px; background: url('images/hdr_btn_see-what-other-have-posted_sch.png') left top no-repeat; }

#page_content { background: url('images/layout_box_body_toolkit.png') repeat-y center top; padding-top: 20px; }

/* --- Navigation ------------ */
#nav li#schools ul { display: block; z-index: 1000; }
#nav li#schools.hover ul { display: block; z-index: 9999; }

#dynamic_active_users li { width: 50px; height: 30px; float: left; margin-right: 8px; border: 1px solid #CCC; overflow: hidden;  }

#switch_class { font-weight: normal; text-decoration: underline;}

#sidebar #tally.panel { }

#sidebar .panel .header h3 { color: #f15b26; }

ul.list .buttons a:hover { background: #f15b26; color: #FFF; }

.info img { display: block; float: left; margin-right: 20px; }
.info { margin-bottom: 20px; }
.info .button { background: #5787c9; border-color: #90abd8; }
.info .button:hover { background: #406ea9; border-color: #5789c8; }

.layout_box_bottom { background: url('images/layout_box_bottom_toolkit.png') center top no-repeat; }

.legend { width: 600px; height: 30px; background: url('images/groups_list_legend_bgrd.gif') left top no-repeat; margin: 20px 0; }
.legend p { width: 33%; height: 30px; overflow: hidden; float: left; font-size: 11px; line-height: 12px; padding: 3px 0 2px 35px; }
.legend p.members { background: url('images/list_of_groups_legend_members_icon.gif') 6px 5px no-repeat; margin-right: 20px; }
.legend p.teachers { background: url('images/list_of_groups_legend_teachers_icon.gif') 6px 5px no-repeat; }

/* --- Forms --- */
button, .button { display: block; border: 3px solid #f8b097; background: #ff7000; color: #FFF; font-size: 90%; font-weight: bold; padding: 3px 5px; float: left; margin-bottom: 20px; margin-right: 10px; }
button:hover, .button:hover { border-color: #ec8560; background: #ec6b3d; cursor: pointer; }

#challenge_someone { background: #ff7000; color: #FFF; }
#challenge_someone:hover { background: #ec6b3d; }

/* --- UI ------------ */
.ui-widget-header { background: #f3845c; }

.home .no_box { padding-right: 0; }

.home .matrix h2 { margin-bottom: 20px; }
.home .matrix h4 { margin-bottom: 10px; }
.home .matrix p { font-size: 11px; color: #58595b; line-height: 12px;   }
.home .matrix .button { border: none; padding: 2px 10px; margin: 0; font-size: 11px; font-weight: normal; color: #FFF; }

#index { margin: 0;  }
#index .image { width: 235px; float: left;  }
#index .content { width: 350px; float: left; margin-left: 20px; padding: 0; color: #58595b; }

#what_are_actions { padding: 0;  }

.center { text-align: center;  }
td.center { padding-top: 12px; }

#ive_done_this {display:block; width:300px; margin: -24px 0 20px 0; padding: 7px 15px 6px 15px; background-color:#f15b26; color:#FFF;}

#go_to_featured_tab {float: right; color:#FFF; padding-top:3px;}
#go_to_featured_bar, #all_the_best_bar, #all_the_rest_bar {background-color: #f15b26; padding: 8px 15px 4px 15px !important; }
#go_to_featured_bar h3, #all_the_best_bar h3, #all_the_rest_bar h3 {color:#FFF;}

.no_box h1,
.no_box h2,
.no_box h3,
.header h2,
.header h3,
.rte h1,
.rte h2,
.rte h3,
.campaigns .steps li a,
.campaigns .buttons a, 
.campaigns .buttons input,
.new_radio_label,
#step_style form .input label,
.cufon { font-family: 'ChunkFiveRegular', sans-serif; font-weight: normal; }


.actions.categories .list li a { display: block; width: 100%; height: 100%; float: left; text-indent: -1920px; background: url('images/cat_chooser_grid_hover_schools.png') left top no-repeat; }
.actions.categories .list li a:hover { background-image: url('images/cat_chooser_grid_base_schools.png'); }