/****************************************
 * Aviary
 * Main CSS Rules
 ****************************************/
 
/****************************************
 * General
 ****************************************/
 
body {
 	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 63.125%;
	background: #4d4c43;
	color: #4c4c4c;
}

/****************************************
 * Header
 ****************************************/

/* Hat */

#hat {
  width: 100%;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  background: url(/images/layout/header/hat_bg.gif) repeat-x top left;
  text-align: center;
}

#hat a {
  color: #a6a6a0;
  text-decoration: none;
}

#hat a strong {
  color: #ccccc2;
}

#hat a:hover,
#hat a:hover strong {
  color: #fff;
}

/* Main header */

#header {
  width: 100%;
  height: 180px;
  background: #1686e3 url(/images/layout/header/base.gif) repeat-x top center;
}

#header-inner1 {
  width: 100%;
  height: 100px;
  background: url(/images/layout/header/clouds.jpg) repeat-x top center;
}

#header-inner2 {
  margin: 0 auto;
  width: 900px;
  height: 100px;
  background: url(/images/layout/header/base_noshadow.gif) repeat-x 50% 96px;
}

#header-inner3 {
  position: relative;
  margin: 0 auto;
  width: 900px;
  height: 100px;
}

#header-decoration {
  position: absolute;
  top: 0;
  left: 0;
}

#header-shadow {
  position: absolute;
  top: 96px;
  left: 0;
}

h1 {
  position: absolute;
  top: 24px;
  left: 0;
  margin: 0;
}

#header-subscribe {
  position: absolute;
  top: 0;
  right: 0;
}

#header a {
  outline: none;
}

#header .separator {
  color: #74b74e;
}

/* Frameset header */

#header.frameHeader {
  height: 60px;
  background-image: url(/images/layout/frameset/bg.png);
}

#header.frameHeader #header-inner1 {
  height: 60px;
  background: url(/images/layout/frameset/fg.jpg) no-repeat top center;
}

#header.frameHeader #header-inner2 {
  position: relative;
  height: 60px;
  background: none;
}

#header.frameHeader h1 {
  top: 11px;
}

#header.frameHeader h1 img {
  float: left;
}

/* Navigation links */

#nav {
  position: relative;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 900px;
  height: 40px;
  z-index: 1250;
  color: #44712b;
}

.nav-links {
  float: left;
  margin: 0;
  padding: 4px 7px 0 0;
  height: 40px;
  background: url(/images/layout/nav/separator.gif) no-repeat 100% 50%;
  list-style: none;
}

#nav-primary {
  font-size: 1.3em;
  font-weight: bold;
}

#nav-secondary {
  padding-left: 5px;
  font-size: 1.2em;
  background: none;
}

.nav-item {
  float: left;
  margin: 0;
  padding: 0;
  background: none;
}

#nav-icon {
  float: left;
  margin: 6px 0 0 0;
  padding: 0 10px 0 0;
  width: 16px;
  height: 16px;
}

#nav-icon-inner {
  display: none;
}

.nav-icon-home {
  background: url(/images/layout/nav/home.gif) no-repeat top left;
}

.nav-icon-search {
  margin-top: 8px;
  background: url(/images/layout/nav/search_icon.gif) no-repeat top left;
}

#nav-icon:hover {
  background-position: bottom left;
}

.nav-link, .nav-menu .nav-link:hover {
  float: left;
  text-decoration: none;
  line-height: 1em;
  background-image: url(/images/layout/nav/link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #294c17;
}

.nav-link-inner {
  float: left;
  padding: 9px 10px 0 10px;
  height: 21px;
  background-image: url(/images/layout/nav/link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.nav-single {
  margin-left: 5px;
}

.nav-single .nav-link:hover {
  color: #fff;
  text-decoration: none;
  background-position: 0 -30px;
}

.nav-single .nav-link:hover .nav-link-inner {
  background-position: 100% -60px;
}

.nav-menu {
  position: relative;
}

.hover .nav-link, .hover .nav-link:hover {
  position: relative;
  left: 7px;
  margin-left: -7px;
  color: #fff;
  background-position: 0 -90px;
}

.hover .nav-link .nav-link-inner,
.hover .nav-link:hover .nav-link-inner {
  background-position: 100% -123px;
  padding-right: 17px;
}

.nav-link .actionIcon {
  float: left;
  margin: 1px 6px 0 0;
}

a.nav-link:hover .actionIcon img {
  position: static;
  top: 0;
}

#nav .hover .actionIcon img {
  position: relative;
  top: -10px;
}

.menu-content {
  display: none;
  position: absolute;
  top: 29px;
  left: 0;
  padding: 5px 10px 10px 10px;
  width: 155px;
  background: #3e403d url(/images/layout/nav/menu_corner.gif) no-repeat top right;
  z-index: 1500;
  -moz-border-radius:0px 10px 10px 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.hover .menu-content {
  display: block;
}

.menu-items {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  list-style: none;
}

.menu-item {
  margin: 1px 0 0 0;
  padding: 0;
  background: #484a47;
}

.menu-link, .menu-link:visited {
  display: block;
  padding: 8px;
  color: #7feaff;
  line-height: 1em;
}

.menu-link:hover {
  color: #fff;
  background: #bf4000;
  text-decoration: none;
}

.menu-link:active {
  color: #fff;
  background: #4da621;
}

.menu-link-extra {
  float: right;
  margin: 1px 0 0 10px;
  font-size: 10px;
  color: #bfff7f;
}

.menu-link:hover .menu-link-extra {
  color: #fff;
}

.menu-link-detail {
  display: block;
  margin: 4px 0 0 0;
  color: #7c8079;
  font-size: 10px;
}

.menu-link:hover .menu-link-extra,
.menu-link:hover .menu-link-detail,
.menu-link:hover .menu-tool-status {
  color: #fff;
}

#menu-tools {
  width: 312px;
}

#menu-tools .menu-tool {
  float: left;
  width: 155px;
  margin-right: 1px;
}

#menu-tools .menu-tool img {
  float: left; 
  margin: -3px 5px 0 -4px;
}

.menu-tool-status {
  color: #bfff7f;
  font-style: italic;
  font-size: 10px;
}

/* Navigation search */

#nav-search {
  display: none;
  position: absolute;
  top: 10px;
  left: 23px;
  width: 756px;
  height: 40px;
  background: url(/images/layout/header/base.gif) repeat-x 0 -110px;
}

#nav-search h5 {
  float: left;
  margin: 0 14px 0 0;
  padding: 12px 16px 0 0;
  height: 28px;
  background: url(/images/layout/nav/separator.gif) no-repeat 100% 50%;
}

#nav-search-options {
  float: left;
  margin: 0 14px 0 0;
  padding: 13px 1px 0 0;
  height: 27px;
  background: url(/images/layout/nav/separator.gif) no-repeat 100% 50%;
  font-size: 12px;
}

#nav-search-options label {
  float: left;
  margin: 0 15px 0 0;
}

#nav-search-options input {
  float: left;
  margin: 0 5px 0 0;
}

#nav-search-keywords {
  float: left;
  margin: 7px 0;
  width: 279px;
  height: 26px;
  background: url(/images/layout/nav/search.gif) no-repeat top left;
}

#nav-search-keywords.focus {
  background-position: bottom left;
}

#nav-search-input {
  float: left;
  margin: 6px 0 0 11px;
  padding: 0;
  width: 242px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  background: none;
  border: none;
  outline: none;
}

#nav-search-input.defaultText {
  color: #8ba674;
}

#nav-search-submit {
  float: right;
  width: 26px;
  height: 26px;
  outline: none;
}

#nav-search-close {
  float: left;
  margin: 0 0 0 14px;
  padding: 12px 0 16px 12px;
  background: url(/images/layout/nav/separator.gif) no-repeat 0 50%;
}

#nav-search-close a {
  float: left;
  width: 12px;
  height: 12px;
  outline: none;
  background: url(/images/layout/nav/close.gif) no-repeat top left;
}

#nav-search-close a:hover {
  background-position: bottom left;
}

/* Navigation user elements */

#nav-user {
  position: relative;
  float: right;
  width: 125px;
}

#nav-user-avatar {
  float: right;
}

#nav-user-avatar img {
  display: block;
  border: 2px solid #6ec04b;
}

#nav-user-avatar:hover img {
  border-color: #3e403d;
}

#nav-user a, #nav-user a:visited, #nav-user a:active,
#nav-login a, #nav-login a:visited, #nav-login a:active {
  color: #294c17;
}

#nav-user a:hover,
#nav-login a:hover {
  color: #3e403d;
}

#nav-user-logout {
  position: absolute;
  top: 25px;
  right: 50px;
  font-size: 1.2em;
  font-weight: bold;
}

#nav-user-messages {
  position: absolute;
  top: 2px;
  right: 44px;
  float: left;
  background: url(/images/layout/nav/messages.gif) no-repeat top right;
  line-height: 1em;
  height: 19px;
  white-space: nowrap;
}

#nav-user-messages span {
  float: left;
  padding: 5px 26px 0 8px;
  height: 14px;
  cursor: pointer;
}

#nav-user-messages.on, 
#nav-user-messages.on:visited,
#nav-user-messages.on:hover,
#nav-user-messages.on:active {
  background-position: 100% -19px;
  color: #fff;
}

#nav-user-messages.on span {
  background: url(/images/layout/nav/messages.gif) no-repeat 0 -38px;
}

/* Navigation login/signup */

#nav-login {
  position: relative;
  float: right;
  padding: 13px 98px 0 0;
  font-size: 1.3em;
}

#nav-login-login {
  font-weight: bold;
}

#nav-login-or {
  padding: 2px;
  font-style: italic;
  color: #5c943d;
}

#nav-login-signup {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 93px;
  height: 40px;
  background: url(/images/layout/nav/signup.gif) no-repeat 0 0;
}

#nav-login-signup:hover {
  background-position: 0 -40px;
}

#nav-login-signup span {
  display: none;
}

/****************************************
 * Content Layout
 ****************************************/

#content {
  position: relative;
  float: left;
	background: #edede5 url(/images/layout/content/leaves.gif) repeat-x top center;
	min-height: 200px;
	width: 100%;
	z-index: 1000;
}

#content-wrapper {
  position: relative;
	margin: 0 auto;
	width: 900px;
}

#content.mini {
  border-top: 7px solid #0086E6;
}

#content.mini #content-wrapper {
  border-top: 5px solid #60BF30;
  padding: 3%;
  width: 94%;
}

.main {
	position: relative;
	top: -23px;
	left: -2px;
	float: left;
	padding: 30px 27px 20px 27px;
	min-height: 260px;
	overflow: hidden;
	width: 645px;
	background: url(/images/layout/content/main_695.jpg) no-repeat top left;
	z-index: 1001;
}

.full .main {
	width: 850px;
	background: url(/images/layout/content/main_full.jpg) no-repeat top left;
}

.framed .main {
  padding-top: 45px;
}

.main-wrapper {
	margin-top: -61px;
}

.secondary {
	float: right;
	margin: 15px -15px 0 0;
	padding: 15px 15px 40px 15px;
	width: 175px;
	min-height: 200px;
	overflow: hidden;
	background: url(/images/layout/content/secondary.gif) no-repeat top left;
}

.secondary-wrapper {
	margin-top: -30px;
}

.main .secondary {
  margin: 0;
}

.section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e6e5da;
}

.secondary .section {
	margin-top: 30px;
	padding-top: 0;
	border: none;
}

/****************************************
 * Footer
 ****************************************/

#footer {
	clear: both;
	float: left;
	padding: 15px 0 0 0;
  width: 100%;
  height: 80px;
	background: url(/images/layout/content/footer_shadow.gif) repeat-x top left;
	font-size: 1.1em;
	color: #fff;
}

#footer-inner {
  margin: 0 auto;
  width: 900px;
}

#footer-links1 {
  float: left;
  width: 49%;
}

#footer-links2 {
  float: right;
  text-align: right;
  width: 49%;
}

#footer a, #footer a:visited {
	color: #a6a6a0;
}

#footer a:hover {
	color: #fff;
}

#footer a:active {
	color: #a6a6a0;
}

#footer .separator {
	color: #5e5e55;
	vertical-align: 0;
}

/****************************************
 * Content Formatting
 ****************************************/

/* Text */

h2 {
	margin: 2px 0 20px 0;
	font-size: 2.8em;
	line-height: 1.1em;
	color: #cc3b1f;
	font-family: helvetica, arial, sans-serif;
}

h2 .details {
	padding: 0 0 0 5px;
	font-size: .75em;
	font-weight: normal;
	color: #b3b1a8;
}

h3 {
	margin: 0 0 15px 0;
	font-size: 1.8em;
}

h3 .details {
	padding: 0 0 0 5px;
	font-size: .83em;
	font-weight: normal;
	color: #b3b1a8;
}

h4 {
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

h4 .details {
	font-size: .86em;
	font-weight: normal;
	color: #b3b1a8;
}

h5 {
  margin: 0 0 5px 0;
  font-size: 1.3em;
}

p {
	margin: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
}

ol {
  margin: 0 0 15px 0;
  padding: 0 0 0 24px;
  font-size: 1.2em;
}

ul ul, ul p {
  font-size: 1em;
}

ul h3 {
  font-size: 1.5em;
}

ul h4 {
  font-size: 1.17em;
  margin: 0 0 5px 0;
}

ul li {
	margin: 7px 0;
	list-style: none;
	padding: 0 0 0 24px;
	background: url(/images/layout/bullet.gif) no-repeat 7px 3px;
}

ol li {
  margin: 7px 0;
}

ul.withTitles li {
  background-position: 7px 5px;
}

ul.muted li, ul li.muted {
  background-image: url(/images/layout/bullet_muted.gif);
}

ul.linkList li {
	padding: 0;
	background: none;
}

blockquote {
	margin: 15px;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 1.4em;
  background: #fff;
  border-left: 2px solid #e6e5da;
}

.error, .critical {
  color: #bf0000;
}

.success {
  color: #390;
}

.small {
  font-size: 1.1em;
}

.medium {
  font-size: 1.2em;
}

.large {
  font-size: 1.5em;
}

.muted {
  color: #b3b1a8;
}

.lined {
  margin: 0 0 30px 0;
  padding-bottom: 1px;
  background: url(/images/layout/text_lines.png) repeat-y top left;
  line-height: 25px;
}

.beginner {
  color: #390;
}

.intermediate {
  color: #d9a300;
}

.expert {
  color: #bf0000;
}

/* Links */

a {
	color: #007fbf;
	text-decoration: none;
}

a:hover {
	color: #bf4000;
	text-decoration: underline;
}

a:active {
	color: #007fbf;
}

a.muted {
  color: #76b6d2;
}

a.muted:hover {
  color: #bf4000;
}

a.muted:active {
	color: #76b6d2;
}

/* Images */

img {
	border: none;
}

.icon {
	margin: 0 2px 0 0;
	vertical-align: -2px;
}

.icon16 {
  margin: 0 2px 0 0;
  vertical-align: -4px;
}

.icon10 {
  margin: 0 1px 0 0;
  vertical-align: -1px;
}

.icon32 {
  vertical-align: -6px;
}

.thumbnail {
	border: 3px solid #e0ddd3;
	padding: 1px;
	background: #fff;
}

a:hover .thumbnail,
a.thumbnail:hover {
	border-color: #bf4000;
}

.thumbnail.small {
	border-width: 1px;
}

.thumbnail.avatar {
	border-width: 2px;
}

.inline {
  float: left;
  margin: 0 10px 10px 0;
}

.inline-right {
  float: right;
  margin: 0 0 10px 10px;
}

.imageWrapper {
  margin: 20px 0;
  width: 100%;
  background: #e6e5da;
}

.imageWrapper img {
  display: block;
  margin: 0 auto;
}

.caption {
  padding: 10px 15px 0 15px;
  background: #edede5;
  text-align: center;
  font-size: 1.1em;
}

/* Forms */

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.input-text, textarea {
	background: #fff url(/images/layout/input_bg.gif) no-repeat top left;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #f7f7f7;
	padding: 5px;
}

.input-checkbox {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: -2px;
}

.defaultText {
	color: #999;
}

.choices .choice {
  margin: 0 0 15px 0;
  position: relative;
}

.choices .choice-selector {
  position: absolute;
  top: 1px;
  left: 0;
  margin: 0;
}

.choices .choice-label {
  font-weight: bold;
  padding-left: 19px;
}

.choices .details,
.form .choices .details {
  margin: 4px 0 0 19px;
  font-size: 0.92em;
  color: #807c6c;
}

.secondary .choice-label {
  font-size: 12px;
}

.secondary .choices .details,
.secondary .form .choices .details {
  font-size: 11px;
  line-height: 1.3em;
}

.checklist {
  margin: 0 0 10px 0;
}

.checklist label {
  display: block;
  margin: 0 0 5px 0;
}

.form-submit {
  margin: 15px 0 0 0;
  text-align: right;
  font-size: 1.2em;
}

/* Tables */

table, thead, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;	
}

table.simple {
	margin: 0 0 15px 0;
	font-size: 1.2em;
}

.simple td, .simple th {
	padding: 5px 0 5px 10px;
	vertical-align: top;
}

.simple th {
	white-space: nowrap;
	text-align: right;
	font-weight: normal;
	color: #666;
}

.simple tbody th {
	white-space: normal;
}

.simple .simple {
	font-size: 1em;
}

.form th {
	padding-top: 8px;
	font-weight: bold;
}

.form th strong {
	color: #333;
}

.form .details {
	margin: 5px 0 0 0;
	white-space: normal;
	font-size: 0.92em;
	line-height: 1.3em;
	font-weight: normal;
  color: #b3b1a8;
}

.form .text {
  padding-top: 8px;
}

.wideForm {
  width: 100%;
}

.wideForm th {
  width: 265px;
}

.wideForm td .input-text, .wideForm td textarea {
  width: 400px;
}

table.tabular {
	margin: 20px 0;
	width: 100%;
	font-size: 1.2em;
	border-collapse: collapse;
}

.tabular thead th {
	padding: 0 10px 5px 10px;
	text-align: left;
	border-bottom: 1px solid #edede5;
}

.tabular td, .tabular tbody th {
	padding: 5px 10px;
	border-bottom: 1px solid #edede5;
	background: #fafaf8;
}

.tabular tbody th {
	text-align: left;
}

.tabular .alt td, .tabular .alt th {
	background: #f6f6f2;
}

.tabular h3 {
	font-size: 1.5em;
}

/* Miscellaneous */

.separator {
	padding: 0 3px;
	font-size: 9px;
	color: #ccc;
	vertical-align: 1px;
	font-family: arial, helvetica, sans-serif;
}

h3 .separator {
  font-size: 10px;
  vertical-align: 2px;
}

.disabled {
	color: #aaa;
}

.more {
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 1.2em;
}

.clear {
	clear: both;
}

.hr {
  clear: both;
  margin: 0 0 15px 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #e6e5da;
}

.spaced {
  margin: 15px 0;
}

.empty {
  background: #e6e5da;
  color: #b3b1a8;
  font-size: 18px;
  padding: 30px 20px 33px 20px;
  text-align: center;
}

/* Secondary */

.secondary h2 {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1em;
	color: #fff;
	background: #807d73 url(/images/layout/content/secondary_corners_top.png) no-repeat top left;
}

.secondary .h2-inner {
  display: block;
	padding: 6px 7px;
	background: transparent url(/images/layout/content/secondary_corners_bottom.png) no-repeat bottom left;
}

.secondary h3, 
.secondary h4 {
  margin: 0 0 10px 0;
  font-size: 1.2em;
}

.secondary h5 {
  margin: 0 0 5px 0;
  font-size: 1.1em;
}

.secondary p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

.secondary ul, .secondary ol {
  margin: 0 0 10px 0;
}

.secondary ul h3,
.secondary ul h4 {
  font-size: 1em;
}

.secondary .withTitles h3,
.secondary .withTitles h4 {
  margin: 0 0 3px 0;
  padding: 2px 0 0 0;
}

.secondary .hr {
  margin: 0 0 10px 0;
}

/****************************************
 * Modules
 ****************************************/

/* Generic module */

.module {
	margin: 0 0 25px 0;
	border-top: 1px solid #e6e5da;
	padding: 20px;
	background: #fff;
}

.dimModule {
  border: none;
  background: #fafaf5;
}

.secondary .module {
  padding: 15px;
}

.group1, .column1 {
	float: left;
}

.group2, .column2 {
	float: right;
}

.group1, .group2 {
	width: 277px;
}

.column1, .column2 {
  width: 307px;
}

.full .group1, .full .group2 {
	width: 380px;
}

.full .column1, .full .column2 {
	width: 410px;
}

.tabs .group1, .tabs .group2 {
	width: 252px;
}

.tabs .column1, .tabs .column2 {
	width: 282px;
}

.full .tabs .group1, .full .tabs .group2 {
	width: 355px;
}

.full .tabs .column1, .full .tabs .column2 {
	width: 385px;
}

/* Messages */

#messages {
	margin: 0 0 25px 0;
}

.message {
	position: relative;
	margin: 0 0 10px 0;
	padding: 13px 13px 5px 13px;
	background: #ffd;
	border: 2px solid #EDDCB9;
	color: #222;
}

.message .close {
	position: absolute;
	top: 9px;
	right: 9px;
}

.message h3 {
	margin: 0 0 8px 0;
	font-size: 1.2em;
}

.message p {
	margin: 0 0 8px 0;
	font-size: 1.1em;
}

.message.critical {
	background: #ffe2d9;
	border: 2px solid #e99;
}

.message.critical h3 {
	color: #bf0000;
}

.message.success h3 {
	color: #390;
}

.message .muted {
  color: #b2aa8f;
}

/* Breadcrumb */

#breadcrumb {
	margin: 0 0 7px 0;
	font-size: 1.2em;
}

#breadcrumb a {
  font-weight: bold;
}

#breadcrumb .separator {
	font-size: 11px;
	vertical-align: -1px;
}

/* Title area widget */

#titleWidget {
	float: right;
	margin: 7px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

#titleWidget.starcount {
  font-size: 1.8em;
  font-weight: normal;
}

/* Pagination */

.pagination {
  float: left;
  width: 100%;
  font-size: 1.4em;
  font-weight: bold;
}

.pagination .previous,
.pagination .next, 
.pagination .pages a,
.pagination .separator {
  float: left;
  margin: 0 0 5px 0;
}

.pagination .pages a {
  margin: 0 0 5px 1px;
  padding: 3px 5px 0 5px;
  height: 17px;
  min-width: 15px;
  line-height: 1em;
  text-align: center;
  background: #fff;
}

.pagination .pages a:hover {
  background: #bf4000;
  color: #fff;
  text-decoration: none;
}

.pagination .pages a.active,
.pagination .pages a.active:hover {
  background: #0080bf;
  color: #fff;
}

.pagination .previous {
  margin: 2px 9px 5px 0;
}

.pagination .next {
  margin: 2px 0 5px 10px;
}

.pagination .previous img,
.pagination .next img {
  vertical-align: -1px;
}

.pagination .separator {
  margin: 0 0 5px 1px;
  padding: 0;
  width: 34px;
  height: 20px;
  background: url(/images/layout/dots.png) no-repeat top left;
  vertical-align: 0;
}

/* Mini pagination */

.miniPagination {
  font-size: 1.2em;
  font-weight: normal;
}

.miniPagination .previous {
  margin-right: 4px;
}

.miniPagination .next {
  margin-left: 5px;
}

.miniPagination img {
  vertical-align: -1px;
}

/* Proceed (More ›, etc) */

.proceed {
  float: right;
  font-size: 1.4em;
  font-weight: bold;
}

.proceed img {
  vertical-align: -1px;
}

.secondary .proceed {
  float: none;
  font-size: 1.2em;
  text-align: right;
}

/* Page actions */

.actions .action {
  position: relative;
  display: block;
  margin: 2px 0 0 0;
  background: #fafaf5 url(/images/layout/content/secondary_corners_top.png) no-repeat top left;
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: bold;
  outline: none;
}

.actions .action-inner {
  display: block;
  padding: 8px 10px 10px 33px;
  background: transparent url(/images/layout/content/secondary_corners_bottom.png) no-repeat bottom left;
}

.bigactions .action-inner {
  padding-left: 49px;
}

.actions a:hover {
  text-decoration: none;
}

.actions a.action:hover {
  background-color: #fff;
}

.actions .action img {
  position: absolute;
  top: 9px;
  left: 10px;
}

.actions .action img.premium {
  top: 1px;
  right: 1px;
  left: auto;
}

.action-detail {
  display: block;
  margin: 1px 0 0 0;
  font-size: 11px;
  line-height: 1.3em;
  font-weight: normal;
}

/* Filter and sort */

.filterAndSort {
  margin: 0 0 15px 0;
  font-size: 1.4em;
  font-weight: bold;
}

.filterAndSort select {
  margin: 0 5px;
  vertical-align: middle;
}

/* Image teaser */

.imageTeaser {
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
}

.imageTeaser .thumbnail {
	float: left;
	margin: 0 12px 0 0;
}

.imageTeaser h4 {
	margin: 3px 0 11px 0;
}

.imageTeaser .tool {
	margin: -8px 0 11px 0;
	color: #999;
	font-size: 1em;
}

.imageTeaser .detail {
	margin: 4px 0 0 0;
	color: #666;
	font-size: 1.1em;
}

/* Image grid */ 

.grid {
  float: left;
  width: 100%;
  overflow: hidden;
}

.grid-inner {
  float: left;
  width: 615px;
}

.full .grid-inner {
  width: 820px;
}

.grid .item {
  float: left;
  margin: 0 20px 20px 0;
  width: 185px;
}

.grid .item .thumbnail {
  display: block;
  margin: 0 0 10px 0;
}

.grid .item h5 {
  margin: 0;
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
}

.grid .details {
  margin: 3px 0 0 22px;
  width: 118px;
  white-space: nowrap;
  overflow: hidden;
}

.grid .item .stats {
  float: right;
  text-align: right;
  width: 40px;
  line-height: 1.5em;
}

.grid .item .stats .icon {
  margin: 0;
}

.grid .version h5 {
  width: 185px;
}

.grid .version .details {
  margin-left: 0;
  width: 185px;
}

.grid .pagination {
  border-top: 1px solid #e6e5da;
  padding-top: 15px;
}

.grid .featured {
  width: 390px;
  background: #fafaf5;
}

.grid .featured-details {
  float: left;
  padding: 12px;
  width: 366px;
}

.grid .featured-details .avatar {
  float: left;
  margin: 0 10px 0 0;
}

.grid .featured-details h3 {
  margin: 1px 0 2px 0;
  width: 251px;
  white-space: nowrap;
  overflow: hidden;
}

.grid .featured-details .details {
  margin-top: 3px;
  width: 251px;
}

.grid .featured-more {
  margin: 6px 0 0 0;
  font-size: 1.1em;
  font-weight: bold;
}

/* Contact (user) */

.contact {
  float: left;
  margin: 0 0 15px 0;
  width: 100%;
}

.grid .contact {
	margin: 0 20px 20px 0;
	width: 185px;
	height: 40px;
}

.contact .thumbnail,
.grid .contact .thumbnail {
	float: left;
	margin: 0 8px 0 0;
}

.contact h4 {
	margin: 0 0 4px 0;
	padding: 3px 0 0 0;
}

.grid .contact .details {
  margin: 5px 0 0 0;
  width: auto;
}

/* Activity */

.activity {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	border-top: 1px solid #e6e5da;
	background: #fafaf5;
}

.activity .item {
	float: left;
	padding: 5px 0;
	width: 100%;
}

.activity .alt {
	background: #fff;
}

.activity .thumbnail {
	float: left;
	margin: 0 10px 0 6px;
}

.activity .what {
	margin: 3px 0 4px 0;
	font-size: 1.2em;
}

.activity .when {
	margin: 0 0 3px 0;
	font-size: 1.1em;
}

.wideActivity .item {
  padding: 6px 0;
}

.wideActivity .what {
  float: left;
  margin: 2px 0;
  width: 72%;
}

.wideActivity .when {
  float: right;
  margin: 2px 5px 2px 0;
  text-align: right;
  width: 20%;
}

.feed .activity {
  border: none;
  background: #fff;
}

.feed .activity .alt {
	background: #fafaf5;
}

/* Image feed */

.imageFeed {
  float: left;
  width: 100%;
}

.imageFeed .thumbnail {
  float: left;
  margin: 0 9px 0 0;
}

.imageFeed .imageFeed-proceed {
  display: block;
  margin: 0;
  width: 54px;
  height: 54px;
}

.imageFeed-proceed img {
  margin: 19px 0 0 20px;
}

/* Feed */

.feed {
  position: relative;
  margin: 0 0 1px 0;
  padding: 15px 15px 18px 15px;
	border-bottom: none;
	width: 615px;
	background: #fafaf5;
}

.feed-sort {
  float: right;
  margin: 0 5px 0 0;
}

.feed-sort a {
  display: block;
  padding: 3px 0 7px 5px;
  width: 10px;
  height: 10px;
  cursor: move;
}

.feed-sort a:hover .actionIcon img {
  cursor: move;
}

.feed-remove {
  float: right;
  margin: 3px 0 0 0;
}

.tabs .feed {
  margin: 0 0 20px 0;
  width: 595px;
  padding: 0;
  background: none;
}

/* Tabs */

.tabs {
  position: relative;
  float: left;
  width: 100%;
  background: url(/images/layout/tabs/container_left.png) no-repeat top left;
}

.tabs-inner {
  float: left;
  width: 100%;
  min-height: 280px;
  background: url(/images/layout/tabs/container_right.png) no-repeat top right;
}

.tabs-nav {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 1.7em;
  line-height: 1em;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}

.tabs-nav a {
  float: left;
  color: #ffe2d9;
  outline: none;
  background-image: url(/images/layout/tabs/link_left.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.tabs-nav a.first {
  background-image: url(/images/layout/tabs/first_left.gif);
}

.tabs-nav a span {
  float: left;
  padding: 12px 22px 0 22px;
  height: 35px;
  background-image: url(/images/layout/tabs/link_right.gif);
  background-position: 100% 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tabs-nav a:hover {
  background-position: 0 -47px;
  text-decoration: none;
  color: #fff;
}

.tabs-nav a:hover span {
  background-position: 100% -47px;  
}

.tabs-nav a.active, .tabs-nav a.active:hover {
  background-position: 0 -94px;
  color: #333;
}

.tabs-nav a.active span, .tabs-nav a.active:hover span {
  background-position: 100% -94px;
  cursor: default;
}

.tabs-widget {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 1.2em;
}

.tabs-widget select {
  margin: 0 0 0 2px;
  font-size: 11px;
}

.tabs-content {
  margin: 60px 25px 0 25px;
}

.tabs-main {
  float: left;
  width: 575px;
}

/* Tab search interface */

.toggle-tabs-search {
  float: right;
  margin: 0 0 15px 0;
  font-size: 1.4em;
  font-weight: bold;
}

.tabs-search {
  clear: both;
  float: left;
  width: 100%;
}

.tabs-search .simple {
  margin: 0;
}

.tabs-search .input-text {
  width: 300px;
}

#creations-search-colors-picker {
  margin: 15px 0 0 0;
  float: left;
}

.colorpicker_submit,
.colorpicker_current_color {
  display: none;
}

.colorpicker_new_color {
  width: 130px !important;
}

.colorpicker_field span,
.colorpicker_hue {
  cursor: ns-resize !important;
}

/* Comments */

.comments {
	margin: 0 0 25px 0;
}

.comment {
  position: relative;
	margin: 0 0 1px 0;
	padding: 15px 15px 15px 90px;
	min-height: 60px;
  background: #fafaf5;
}

.comment .avatar {
  position: absolute;
  top: 15px;
  left: 15px;
}

.comment-content .body {
  font-size: 1.2em;
  line-height: 1.4em;
}

.comment-content .body blockquote {
	margin: 0 0 13px 0;
	padding: 7px 10px;
	font-size: 11px;
	font-style: italic;
  color: #b3b1a8;
  background: #fff;
  border-left: 2px solid #e6e5da;
}

.comment-edit {
	float: right;
	margin: 3px 0 0 0;
	font-size: 1.1em;
}

.comments .pagination {
	margin: 15px 0 30px 0;
}

#newComment {
	padding-bottom: 15px;
}

#newComment textarea {
	margin: 0 0 12px 0;
	width: 95%;
}

/* Listing table */

table.listing {
  margin: 0;
	width: 100%;
	border-bottom: 1px solid #e6e5da;
	border-collapse: collapse;
}

.simpleListing tbody tr {
  font-size: 1.2em;
}

.listing thead th {
  padding: 0 12px 8px 12px;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
}

.listing tbody td,
.listing tbody th {
  background: #fff;
	border-top: 1px solid #eeeee7;
	padding: 10px 12px 12px 12px;
	text-align: left;
	vertical-align: top;
}

.listing tbody th {
  font-weight: bold;
}

.listing .highlight td,
.listing .highlight th {
  background-color: #ffd;
}

.listing h3, .listing h4 {
  margin: 0 0 3px 0;
}

.listing .detail {
  margin: 2px 0 0 0;
  line-height: 1.2em;
  font-size: 1.1em;
  color: #b3b1a8;  
}

.listing .picture {
  padding-right: 0;
  width: 40px;
}

.listing tbody tr.total {
  font-size: 1.5em;
  font-weight: bold;
}

.listing .total th {
  text-align: right;
}

.listing thead .sorted {
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 0 4px;
}

.listing thead .sorted a {
  color: #404040;
}

.listing thead .asc {
  background-image: url(/images/layout/forums/sort_asc.gif);
}

.listing thead .desc {
  background-image: url(/images/layout/forums/sort_desc.gif);
}

.listing .replies-new,
.listing .latest-when {
  margin: 2px 0 0 0;
}

.listing .highlight .replies-new,
.listing .highlight .latest-when {
  font-weight: bold;
}

/* Groups listing */

.groups-listing .do {
  width: 115px;
  font-size: 1.2em;
  text-align: right;
}

/* Tutorial listing */

.tutorialListing tbody td {
  vertical-align: middle;
}

.tutorialListing-tool {
  width: 130px;
}

.tutorialListing-difficulty {
  width: 85px;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.3em;
}

.tutorialListing .beginner,
.tutorialListing .intermediate,
.tutorialListing .expert {
  color: #fff;
  padding: 4px 5px;
}

.tutorialListing .beginner {
  background: #390;
}

.tutorialListing .intermediate {
  background: #d9a300;
}

.tutorialListing .expert {
  background: #bf0000;
}

.tutorialListing .highlight td,
.tutorialListing .highlight th {
  background-color: #EDF9FF;
}

.tutorialListing .premium {
  padding-right: 0;
  width: 16px;
}

/* Tool icon, name, and description */

.toolWithIcon {
  float: left;
  width: 130px;
}

.toolWithIcon .icon {
  float: left;
  margin: 0 5px 0 0;
}

.toolWithIcon .name {
  font-weight: bold;
  font-size: 12px;
}

.toolWithIcon .detail {
  margin: 3px 0 0 0;
  font-size: 11px;
  color: #b3b1a8;
}

/* List of checkboxes */

ul.checkboxList li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	background: none;
}

.secondary .checkboxList {
	color: #404040;
}

/* List with icons */

.iconlist li {
  clear: left;
  padding: 0;
  background: none;
  line-height: 16px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.iconlist li img {
  float: left;
  margin: 0 8px 0 0;
}

/* List with thumbnails */

.thumbnailList li {
  position: relative;
  padding-left: 50px;
  min-height: 40px;
}

.thumbnailList .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

/* AviaryDialog jQuery dialogs */

.ui-dialog {
  border: 1px solid #979796;
  padding: 3px 3px 2px 3px;
  background: #666;
  z-index: 2001 !important;
}

.ui-dialog-overlay {
  z-index: 2000 !important;
}

.ui-dialog-container {
  width: 100%;
  height: 100%;
  border-color: #4d4d4d;
  border-style: solid;
  border-width: 0 1px 1px 0;
  background: #fff;
}

.ui-dialog-titlebar {
  position: relative;
  padding: 14px 18px 10px 18px;
	color: #cc3b1f;
	font-size: 1.8em;
  font-weight: bold;
}

.ui-dialog-titlebar-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 9px;
  height: 9px;
  background: url(/images/icons/x.gif);
  outline: none;
}

.ui-dialog-titlebar-close span {
  display: none;
}

.ui-dialog-content {
  padding: 0 18px 18px 18px;
}

.hasButtons .ui-dialog-content {
  padding-bottom: 38px;
}

.ui-dialog-buttonpane {
  position: absolute;
  bottom: 6px;
  right: 5px;
  padding: 0 13px 18px 0;
}

.ui-dialog-buttonpane button {
  margin: 0 5px 0 3px;
}

.ui-dialog-content .ui-dialog-buttonpane {
  position: static;
  clear: both;
  text-align: right;
  padding: 0;
}

.ui-dialog .ui-resizable-handle {
  display: none !important;
}

.dialogContent {
  display: none;
}

/* Ajax indicator */

#aviaryAjax {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -77px;
  padding: 7px 0 0 23px;
  width: 132px;
  height: 38px;
  background: url(/images/layout/ajax/bg.png) no-repeat top left;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  z-index: 10000;
}

#aviaryAjax img {
  float: left;
  margin: 0 10px 0 0;
}

/* Action icons */

.actionIcon {
  position: relative;
  float: left;
  width: 10px;
  height: 10px;
  overflow: hidden;
}

a:hover .actionIcon img {
  position: relative;
  top: -10px;
  cursor: pointer;
}

.bigActionIcon {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  overflow: hidden;
  outline: none;
}

.bigActionIcon img {
  position: absolute;
  top: 0;
  left: 0;
}

.bigActionIcon:hover img {
  top: -16px;
}

.bigActionIcon:hover img.nohover {
  top: 0;
}

.bigActionIcon.on img {
  left: -16px;
}

/* Permission level colors */

.permission-unrestricted {
  color: #4da621;
}

.permission-restricted {
  color: #bf4000;
}

.permission-private {
  color: #bf0000;
}

/* jQuery UI Sliders */

.ui-slider {
  width: 150px;
  height: 30px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}

.ui-slider-handle {
  position: absolute;
  z-index: 1;
  height: 30px;
  width: 30px;
  top: 0px;
  left: 0px;
  background-image: url(/images/layout/slider/handle.png);
  cursor: pointer;
}

.ui-slider-disabled .ui-slider-handle {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

.ui-slider-range {
  position: absolute;
  background: #50A029;
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 100%;
  height: 100%;
}

.ui-slider,
.ui-slider-1,
.ui-slider-2 {
  background-image: url(/images/layout/slider/bg.png);
}

/* Compose */

#composeMessage .field {
	margin: 0 0 15px 0;
}

#composeMessage h3 {
	margin: 0 0 10px 0;
}

#composeMessage .input-text, #composeMessage textarea {
	width: 98%;
}

#composeMessage .input-text {
	font-size: 1.7em;
	font-weight: bold;
}

/* Tool teasers */

.toolTeasers {
  float: left;
  width: 870px;
}

.toolTeasers .toolTeaser {
  float: left;
  margin: 0 20px 20px 0;
}

.toolTeaser {
  padding: 0 30px 0 200px;
  width: 185px;
  height: 150px;
  background-color: #fafaf5;
  background-repeat: no-repeat;
  background-position: top left;
}

.toolTeaser h3 {
  font-size: 2.4em;
  margin: 0 0 7px 0;
  padding: 20px 0 0 0;
}

.toolTeaser p {
  line-height: 1.3em;
  margin: 0 0 8px 0;
  color: #b3b1a8;
}

.toolTeaser strong {
  color: #807c6c;
}

#toolTeaser-phoenix {
  background-image: url(/images/layout/tools/phoenix.jpg);
}

#toolTeaser-raven {
  background-image: url(/images/layout/tools/raven.jpg);
}

#toolTeaser-peacock {
  background-image: url(/images/layout/tools/peacock.jpg);
}

#toolTeaser-toucan {
  background-image: url(/images/layout/tools/toucan.jpg);
}

#toolTeaser-incubator {
  padding: 0 30px;
  width: 355px;
  background-image: url(/images/layout/tools/eggs.jpg);
}

/* Signup button */

.signupButton {
  display: block;
  position: relative;
  left: -5px;
  width: 175px;
  height: 40px;
  background: #e6e5da;
}

.signupButton:hover {
  background: #e3d8ae;
}

.signupButton img {
  display: block;
}

/* Ads via The Deck */

.thedeck {
  float: left;
  width: 100%;
}

.thedeck img {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 55px 0 0;
  background: #fff;
}

.thedeck p {
  margin: 0;
  font-size: 1.1em;
}

/* Subscription badges */

.badge-small {
  vertical-align: -1px;
}

.badge-medium {
  margin: 0 2px;
  vertical-align: -3px;
}

h2 .badge-medium {
  vertical-align: 0;
}

.badge-large {
  vertical-align: -10px;
}

/* App launchers */

.launcher {
  display: block;
  padding: 7px 10px 0 10px;
  width: 155px;
  height: 23px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #3d9ccc url(/images/layout/launcher_corners_std.png) no-repeat top left;
}

.launcher:hover {
  color: #fff;
  text-decoration: none;
  background-color: #bf4000;
}

/****************************************
 * Blog
 ****************************************/

/* Posts */

.post-title {
	margin: 0 0 20px 0;
}

.post-title img {
	float: left;
	margin: 5px 8px 0 0;
}

.post-title h2,
.post-title h3 {
	margin: 0 0 3px 0;
}

.post-data {
	font-size: 1.1em;
	color: #b3b1a8;
}

.post-body h4 {
  margin: 0 0 15px 0;
}

/****************************************
 * Forums
 ****************************************/
 
/* Forum listing */

.forums-listing .latest {
  width: 100px;
}

.forums-listing .latest-when {
  margin: 2px 0 0 0;
  font-size: 1.2em;
}

.forums-listing .replies {
  width: 55px;
}

.forums-listing tbody .replies {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

.forums-listing .volume0 { background-image: url(/images/layout/forums/reply_volume_0.gif); }
.forums-listing .volume1 { background-image: url(/images/layout/forums/reply_volume_1.gif); }
.forums-listing .volume2 { background-image: url(/images/layout/forums/reply_volume_2.gif); }
.forums-listing .volume3 { background-image: url(/images/layout/forums/reply_volume_3.gif); }
.forums-listing .volume4 { background-image: url(/images/layout/forums/reply_volume_4.gif); }
.forums-listing .highlight .volume0 { background-image: url(/images/layout/forums/reply_volume_0_sticky.gif); }
.forums-listing .highlight .volume1 { background-image: url(/images/layout/forums/reply_volume_1_sticky.gif); }
.forums-listing .highlight .volume2 { background-image: url(/images/layout/forums/reply_volume_2_sticky.gif); }
.forums-listing .highlight .volume3 { background-image: url(/images/layout/forums/reply_volume_3_sticky.gif); }
.forums-listing .highlight .volume4 { background-image: url(/images/layout/forums/reply_volume_4_sticky.gif); }

.forums-listing .volume0 span, 
.forums-listing .volume1 span,
.forums-listing .volume2 span, 
.forums-listing .volume3 span {
	position: relative;
	top: 10px;
	left: -3px;
}

.forums-listing .volume4 span {
	position: relative;
	top: 11px;
	left: -5px;
}

/****************************************
 * Edit Profile
 ****************************************/

#editProfile, #editProfile table {
  width: 100%;
  margin: 0;
}

#editProfile th {
  padding: 9px 5px 9px 0;
	width: 100px;
  border-bottom: 1px solid #fff;
}

#editProfile td {
  padding: 9px;
  background: #fafaf5;
}

#toggle-editProfile-changePassword {
  display: block;
  margin: 10px 0;
}

#editProfile-changePassword th,
#editProfile-changePassword td {
  border: none;
  padding: 5px 0 5px 10px;
}

#editProfile #profile-description textarea {
  width: 95%;
}

.editProfile-privacy {
  float: right;
  width: 150px;
}

/* Links */

#editProfile-links {
  float: left;
  margin: 5px 0 0 0;
  width: 100%;
}

.editProfile-links-link {
  float: left;
  margin: 0 0 10px 0;
}

#editProfile-links .input-text {
  float: left;
  margin: 0 5px 0 0;
}

#editProfile-links li img {
  margin: 0;
}

#editProfile-links .icon16 {
  margin: 4px 10px 0 0;
}

#editProfile-links .actionIcon {
  margin: 7px 0 0 3px;
}

#editProfile-links-linkTemplate {
  display: none;
}

#editProfile-links-addLink-text {
  float: left;
  padding: 4px 0 0 0;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}

/* Watermark */

.editProfile-watermark-preview {
  background: url(/images/layout/creation/preview_stripes.gif) repeat top left;
}

.editProfile-watermark-preview .inner {
  background: url(/images/layout/content/secondary_corners_top.png) no-repeat top left;
}

.editProfile-watermark-preview .inner2 {
  padding: 20px 20px 7px 7px;
  background: url(/images/layout/content/secondary_corners_bottom.png) no-repeat bottom left;
}

.editProfile-watermark-preview img {
  display: block;
}

#preview-disabled .editProfile-watermark-preview .inner2 {
  padding: 20px 20px 32px 7px;
}

#editProfile-watermark-select select {
  width: 100%;
}

/****************************************
 * Creation Settings
 ****************************************/

#creationSettings .form th {
  width: 300px;
}

#chooseLicense-cc-options {
  float: left;
  margin: 15px 0 0 20px;
  width: 408px;
  position: relative;
}

#creationSettings-thumbnail {
  float: left;
  margin: 0 12px 20px 0;
}

#permissionsForm-upgrade .message {
  float: right;
  padding: 8px 10px 2px 10px;
  width: 345px;
  font-size: 0.83em;
}

#permissionsForm-upgrade select {
  margin: 0 0 13px 0;
}

/****************************************
 * Invite a Friend
 ****************************************/

#inviteForm {
  width: 100%;
}

#inviteForm th {
	width: 200px;
	color: #4d4d4d;
}

#inviteForm textarea {
  width: 98%;
}

/****************************************
 * User Profile
 ****************************************/

#profile-avatar {
  width: 167px;
  height: 167px;
}

/****************************************
 * Groups
 ****************************************/

table.group-manageMembers {
  margin: 0 0 25px 0;
}

.group-manageMembers .picture {
  width: 20px;
}

.group-manageMembers .name {
  padding-left: 8px;
  width: 150px;
}

.group-manageMembers h5 {
  margin: 0 0 2px 0;
}

.group-manageMembers .controls {
  font-size: 1.1em;
  text-align: right;
  white-space: nowrap;
}

.group-manageMembers tbody td {
  vertical-align: middle;
  padding: 8px;  
}

/****************************************
 * Search
 ****************************************/

#search {
  border: 1px solid #e6e5da;
}

#search .simple {
  margin: 0;
}

#search .input-text {
  font-size: 18px;
  width: 500px;;
}

#search .checklist {
  margin: 0;
}

#search .form-submit {
  margin-top: 5px;
}

#search-other select {
  margin: 0 0 10px 0;
  width: 100%;
}

#search-other .input-text {
  margin: 0 0 10px 0;
  width: 164px;
}

#search-results {
  padding: 25px 25px 5px 25px;
}

/****************************************
 * Tools
 ****************************************/

#tools {
  padding-top: 35px;
}

#tools .column1 {
  width: 415px;
}

#tools .column2 {
  width: 405px;
}

#tools .toolTeasers {
  width: 435px;
}

#tools-soon {
  padding-bottom: 5px;
}

#tools-soon-tools {
  margin: 25px 0 0 0;
}

#tools-soon .group1,
#tools-soon .group2 {
  width: 180px;
}

.tools-soon-tool {
  position: relative;
  margin: 0 0 22px 0;
  padding: 0 0 0 37px;
}

.tools-soon-tool img {
  position: absolute;
  top: 0;
  left: 0;
}

.tools-soon-tool h4 {
  margin: 0 0 3px 0;
}

/****************************************
 * Tool
 ****************************************/

#tool-intro {
  position: relative;
  padding-right: 455px;
  height: 344px;
  width: 395px;
}

#tool-intro h2 {
  margin-bottom: 15px;
}

#tool-video {
  position: absolute;
  top: 30px;
  left: 425px;
}

#tool-intro-creation {
  position: relative;
  float: left;
  margin: 10px 0 0 0;
  padding: 65px 0 0 200px;
  width: 195;
  height: 105px;
}

#tool-intro-creation .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

#tool-intro-creation .launcher {
  display: block;
  position: absolute;
  top: 0;
  left: 185px;
  padding: 0;
  cursor: pointer;
  width: 202px;
  height: 60px;
  background: url(/images/layout/launcher_bg.png) no-repeat top left;
}

#tool-intro-creation .scratch {
  margin: 0 0 15px 0;
}

#tool-intro-creation h5 {
  margin: 0 0 3px 0;
}

#tool-intro-creation h4 {
  margin: 0 0 5px 0;
}

#tool-intro-creation .launcher img {
  display: block;
  position: relative;
  top: 5px;
  left: -5px;
}

#tool-intro-attribution {
  margin: 0 0 20px 0;
}

#tool-features,
#tool-news {
  float: left;
  margin-top: 40px;
  padding-top: 40px;
  border-top-width: 2px;
  width: 100%;
}

#tool-features .column {
  float: left;
  padding: 0 0 0 25px;
  width: 150px;
  background: url(/images/layout/tools/feature_separator.gif) no-repeat 12px 100%;
}

#tool-features #tool-features-first {
  padding: 0;
  background: none;
}

#tool-features h4 {
  margin: 15px 0 4px 0;
}

#tool-features p {
  margin: 0;
}

#tool-news {
  padding-top: 20px;
}

/****************************************
 * Tutorial
 ****************************************/
ƒ
#tutorial-pagination {
  float: left;
  width: 100%;
}

#tutorial-pagination .pagination {
  width: 465px;
}

#tutorial-pagination .pages {
  float: left;
  width: 400px;
}

#tutorial-pagination-toggle {
  float: right;
  text-align: right;
  width: 180px;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 20px;
}

#tutorial-bottomPagination {
  margin: 10px 0 0 0;
}

/****************************************
 * Course
 ****************************************/

/* Course frameset header navigation */

#course-nav {
  position: absolute;
  top: 30px;
  left: 280px;
  width: 620px;
  height: 20px;
}

#course-nav h2 {
  float: left;
  margin: 0;
  width: 400px;
	font-family: arial, helvetica, sans-serif;
  font-size: 14px;
}

#course-nav a {
  color: #294c17;
}

#course-nav-links {
  float: right;
  margin: 1px 0 0 0;
  font-size: 12px;
  font-weight: bold;
}

#course-nav-links img {
  vertical-align: -1px;
}

/* Course overview page */

#course-overview ol {
  margin: 0 0 20px 0;
}

#course-lessons h4 {
  margin-top: 25px;
}

#course-lessons .tutorialListing {
  margin-bottom: 25px;
}

/****************************************
 * Login, Signup, Reset Password
 ****************************************/

#gateway {
  margin: 0;
  border: 10px solid #e6e5da;
  padding: 25px 30px;
  background: #fff;
}

#gateway .form {
  margin: 0 0 20px 0;
  width: 100%;
  border-bottom: 2px solid #f7f7f7;
}

#gateway td, #gateway th {
  padding-top: 0;
  padding-bottom: 20px;
}

#gateway th {
  width: 150px;
  font-size: 18px;
}

#gateway th .details {
  margin: 3px 0 0 0;
  font-size: 11px;
}

#gateway .input-text {
  font-size: 28px;
  width: 95%;
  padding: 7px;
}

#gateway .form-submit {
  margin: 0;
}

/* Sign up */

#signup-username {
  position: relative;
}

#signup-usernameFeedback {
  position: absolute;
  top: 16px;
  right: 20px;
}

#signup-math span {
  padding: 0 5px 0 10px;
  font-size: 18px;
  font-style: italic;
  line-height: 45px;
}

#signup-math input {
  vertical-align: middle;
}

/****************************************
 * Notifications
 ****************************************/

#notifications .wideActivity .item {
  padding: 15px;
  width: 615px;
}

#notifications .wideActivity .icon {
  float: left;
  margin: 2px 10px 0 0;
}

.wideActivity .what {
  float: left;
  margin: 2px 0;
  width: 72%;
}

.wideActivity .when {
  float: right;
  margin: 2px 5px 2px 0;
  text-align: right;
  width: 20%;
}

#notifications .new {
  border-bottom: 1px solid #e6e5da;
  background-color: #ffd;
}

/****************************************
 * Help
 ****************************************/

#help-video {
  float: right;
  margin: 0 0 0 30px;
}

#help-content {
  float: left;
  width: 320px;
}

/****************************************
 * FAQ
 ****************************************/

#faq {
  position: relative;
}

#faq .toggle {
  padding: 1px 0 0 0;
}

.faq-answer {
  margin: 10px 0 15px 0;
  padding: 15px 15px 5px 15px;
  background: #fafaf5;
}

/****************************************
 * Legal Pages
 ****************************************/

#legal .section {
  clear: both;
  margin-top: 0;
  padding: 0 0 10px 0;
  border: none;
}

#legal .explanation {
  float: right;
  margin: 0 0 20px 30px;
  width: 250px;
}

#legal .explanation li {
  margin: 0 0 7px 0;
}

#legal .copy {
  float: left;
  width: 570px;
}

#legal-headings h3 {
  margin: 0;
}

#clickthrough-content {
  float: left;
  width: 810px;
  font-size: 90%;
}

#clickthrough-content #legal {
  float: left;
  width: 100%;
  height: 200px;
  overflow: auto;
}

#clickthrough-content .explanation {
  width: 230px;
}

#clickthrough-content .copy {
  width: 530px;
}

/****************************************
 * Discussions Listing
 ****************************************/

#discussions-listing td.replies,
#discussions-listing td.latest {
  padding-top: 15px;
  width: 110px;
  font-size: 1.1em;
  white-space: nowrap;
}

#discussions-listing td.replies {
  width: 75px;
}

.discussion-tag {
	margin: 0 1px 0 -10px;
}

#discussions-filter .choice {
  margin: 0 0 20px 0;
}

#discussions-filter-group-choices {
  margin: 10px 0 0 0;
  padding-left: 19px;
}

#discussions-filter-group-choices .choice {
  margin: 0 0 10px 0;
}

#discussions-listing td.actions {
  width: 10px;
}

/****************************************
 * Miscellaneous
 ****************************************/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
}