/* {{{ site -- site-specific styles
 */

/* Code syntax coloring styles. */
@import url("pygments.css");

body {
  color:#555555;
  font:300 16px/20px "Open Sans",sans-serif;
}

/* ---- proposed additions to activestyle/base.css ----*/
    
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}

form {
    /* Reset implicit `margin-bottom: 12px` present in at least FF. */
    margin: 0;
}


tt {
    font-family: Consolas, Monaco, "Lucida Console", monospace;
}
code,
pre {
    /* Seriously, avoid "Courier New" here because its line-height changes with
     * different char styling which can cause alignment problems (e.g. with
     * the recipe code blocks on ActiveState Code Recipes). */
    font-family: Consolas, Monaco, "Lucida Console", monospace;
    font-size: 9pt;
    background-color: #f1f1f1;
    border: 1px solid #dedede;
    color: #444444;
}
code {
    padding: 0 0.2em;
}
pre {
    margin: 1em 0;
    padding: .75em;
    overflow: auto;
}
pre code  {
    border: medium none;
    padding: 0;
}
a code {
    text-decoration: underline;
}

img.inline_img {
    vertical-align: bottom;
}

.clearfix {
    clear: both;
}

.secondary-text {
    font-family: Palatino, Georgia;
    font-style: italic;
}

/* ---- proposed additions to activestyle/elements.css ----
 * .as_footer2 "Jack Black"
 */

.as_footer2 {
    color: #666;
    background-color: #efefef;
    font-size: 90%;
    padding: 15px;
}
.as_footer2 a {
    color: #666;
    text-decoration: none;
}
.as_footer2 a:hover {
    color: #404041;
}
div.as_footer2_section {
    margin: 0 1%;
    width: 22%;
    float: left;
}
.as_footer2_header {
    margin: 0;
    white-space: nowrap;
    border-bottom: 1px solid #666;
    padding-left: 15px;
    padding-bottom: 5px;
    font-size: 110%;
}
.as_footer2 ul {
    margin: 0;
    padding-left: 15px;
    list-style: none;
}
li.as_footer2_feed {
    background: transparent url(/static/img/feed.png) no-repeat scroll 0 3px;
    padding-left: 15px;
    margin-left: -15px;
}
.as_footer2_copyright {
    clear: both;
    padding: 30px 0 10px 1%;
}



/* ---- general styles ---- */

div.error,
span.error,
pre.error,
p.error {
  color: red;
}

/* `div.footnotes` generated for footnotes in Markdown content */
.footnotes {
    margin-top: 40px;
}

/* ---- main as_* elements ----
 * Using 15px as common alignment/spacing. Want wider sidebar.
 */
#as_sitesnav {
}
#as_accountnav {
    padding-right: 1px;
}
#as_content_wrapper {
    margin-right: -250px;
}
body.pm_front #as_content_wrapper,
body.pm_build_failed #as_content_wrapper,
body.code_front #as_content_wrapper,
body.recipes_front #as_content_wrapper{
    margin-right: inherit;
}
#as_content {
    margin-right: 250px;
}

/* show underline only on hover, throughout the site */
#as_content a{
    text-decoration: none;
}
#as_content a:hover{
    text-decoration: underline;
}

body.pm_front #as_content,
body.pm_build_failed #as_content,
body.code_front #as_content,
body.recipes_front #as_content {
    margin-right: inherit;
}
#as_sidebar_wrapper {
    width: 250px;
    background-color: white;
}
#as_sidebar {
    padding: 15px;
}

#page_header {
    margin: 0 15px 0 15px;
    padding-bottom: 1px;
}
#content {
    margin: 15px;
}

.as_inline_header {
    font-size: inherit;
    line-height: inherit;
    display: inline;
    clear: none;
    margin: inherit;
    padding: none;
    color: inherit;
}

/* 'faux columns' technique for sidebar background all the way down
 * TODO: can use .png in IE?
 */
#as_middle {
    background: white url(/static/img/fauxcolumnbg.png) repeat-y right;
}
body.pm_front  #as_middle,
body.pm_build_failed #as_middle,
body.code_front #as_middle,
body.recipes_front #as_middle{
    background: white;
}
#as_content_wrapper {
    background-color: white;
}
body.pm_front #as_content_wrapper,
body.pm_build_failed #as_content_wrapper,
body.code_front #as_content_wrapper,
body.recipes_front #as_content_wrapper{
    background: white;
}

/* ---- wider default max width as a temporary stop-gap to the "it is
 * hard to view long code lines" problem.
 */
#as_header,
#as_middle,
#as_footer {
    max-width: 1090px;
}


/* ---- banner header ---- */
#as_header_wrapper {
    background-image: url(/static/img/header_bg_strip.png);
    background-repeat: repeat-x;
}
#as_bannerbar {
    background: transparent;
    height: 50px;
    padding: 0;
    margin: 0;
    position: relative;
    color: white;
    white-space: nowrap;
}
#as_bannerbar a {
    color: #fff;
    text-decoration: none;
}
#as_bannerbar a:hover {
    text-decoration: underline;
}

#as_bannerbar #code_add_recipe {
    margin-top: 12px;
    margin-left: 170px;
}

#as_bannerbar .as_banner_text {
    font-size: 30px !important;
    font-family: 'PT Sans Narrow', arial, serif !important;
    clear: none;
    display: inline;
    line-height: inherit;
}

#as_sub_site_nav {
    max-width: 1090px;
    background: transparent;
    padding: 3px 0;
    margin: 0 auto;
    color: #ccc;
}

#as_sub_site_nav #as_sub_site_links {
    padding-left: 15px;
    height: 26px;
}

#as_sub_site_nav #as_sub_site_links a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 3px 1.25em;
    font-family: 'PT Sans', arial, serif !important;
    float: left;
}

#as_sub_site_nav #as_sub_site_links a:first-child {
    padding-left: 0;
}

#as_sub_site_nav #as_sub_site_links a:hover {
    text-decoration: underline !important;
}

#site_logo {
    position: absolute;
    left: 15px;
    top: 15px;
}
#site_logo a:hover {
    text-decoration: none;
}


#site_nav_left {
    position: absolute;
    bottom: 5px;
    left: 15px;
}
#site_nav {
    position: absolute;
    top: 15px;
    right: 1px;
}
#search_form {
    margin-left: 5px;
    margin-right: 0;
    white-space: nowrap;
    display: inline;
}
.as_searchform {
    margin-top: 10px;
}
.as_searchform input,
#search_form input {
    vertical-align:top;
}
#search_form input#q ,
.as_searchform input.q,
input.gsc-input {
    border:1px solid;
    padding: 3px 4px 2px;
    margin-right: -5px;
}
#search_form input#q {
    margin-left: 5px;
    padding: 4px 3px 4px;
    width: 176px;
}
input.gsc-input {
    font-size:11px;
    height:15px;
    padding:5px 5px 6px !important;
    border: none !important;
}
.as_searchform input.q {
    padding-bottom: 4px;
}
.as_searchform select {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #FFFFFF;
    height:22px;
    margin-top:0;
    padding:2px;
}
#search_form input[type=submit],
.as_searchform input[type=submit],
input.gsc-search-button {
    padding: 4px 10px;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    display:inline;
    margin-left:0;
}
table.gsc-search-box td {
    vertical-align: inherit !important;
}

/* ---- sidebar styles ---- */
#as_sidebar .sideblock {
    margin: 20px 0;
}

#as_sidebar .sideblock .sideblock_blurb {
    margin-top: 2em;
}


#as_download_stats {
    width: 100%;
    border-top: 1px solid #ccc;
}

#as_download_stats th,
#as_download_stats td {
    font-size: 11px;
    color: #666;
    border-bottom:1px solid #ccc;
}

#as_download_stats th {
    padding-left: 10px;
}

#as_download_stats td {
    text-align: right;
}

#as_sidebar ul {
    margin-left: 0;
}

#as_sidebar ul li {
    list-style-image: url(/static/img/chevron_bullet.png);
    margin-left: -5px;
    text-indent: 0px;
}

#as_sidebar,
#as_sidebar a {
    font:300 15px/25px "Open Sans",sans-serif;
}
#as_sidebar a {
    text-decoration: none;
}
#as_sidebar a:hover {
    text-decoration: underline;
}
#as_sidebar h4 a {
    color: #555555;
}

#as_sidebar .first {
    /* Don't need double spacing for top element in sidebar. */
    margin-top: 0;
}
#as_sidebar h1 { color: #666; font-size: 16px; }
#as_sidebar h2 { color: #666; font-size: 15px; }
#as_sidebar h3 { color: #666; font-size: 14px; }
#as_sidebar h4 { color: #666; font-size: 13px; }
#as_sidebar h5 { color: #666; font-size: 12px; }
#as_sidebar h6 { color: #666; font-size: 12px; font-style: italic; }

#as_sidebar form { margin: 0; padding: 0; }

#as_messagebar {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #ae1a27;
    padding: 5px;
    text-align: center;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90; 
    z-index: 999;
}
#as_messagebar form {
    display: inline;
    margin: 0px;
    padding: 0px;
}
#as_messagebar button {
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0px;
    padding: 0px;
}


/* ---- other general classes ---- */

/* <div|span class="secondary"> to make the text less important
 * TODO: consider move to .as_secondary
 */
.secondary, .tertiary {
    font-size: 90%;
    color: gray;
}
#page_header .secondary {
    font-size: 70%;
}
.hilight {
    border: 1px solid gray;
    color: black;
    background-color: #f7ffa8;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

div.center {
    margin: 0 auto;
    text-align: center;
}

/* <span class="nowrap"> to ensure this block doesn't get wrapped */
span.nowrap {
    white-space: nowrap;
}

/* <div|span class="large"> for big text, "small" for small text */
.small {
    font-size: 80%;
}
.large {
    font-size: 140%;
}

/* Use class="right|left" to float an element/block to the right or left. */
.left {
    float: left;
    margin: 0 10px 0 0;
}
.right {
    float: right;
    margin: 0 0 0 10px;
}

/* general tr|li even/odd background color */
.odd {
    background-color: white;
}
.even {
    /*background-color: #F0F0E8; *//* very light browny-yellow */
    background-color: #EFEFEF; /*neutral grey*/
}

span.searchword {
    background: yellow;
}

/* A compact Table on Contents: 
 * no bullets, slightly smaller, only underline links on hover
 */
ul.toc {
    list-style: none none;
    font-size: 90%;
    line-height: 1.4em;
    padding-left: 0px;
    margin-left: 0px;
}
ul.toc ul {
    list-style: none none;
    padding-left: 15px;
}
ul.toc :link, ul.toc :visited {
    text-decoration: none; 
}
ul.toc :link:hover, ul.toc :visited:hover {
    text-decoration: underline; 
}
ul.toc li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* IE-only property */
}


/* A 2-column table of name->value pairs
 * TODO: Currently only one user in /aspnredir/.../. Drop this?
 */
table.attrlist {
    border-collapse: collapse;
    font-size: 90%;
}
table.attrlist th {
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
    border-right: 3px solid #CCC;
}
table.attrlist td {
    text-align: left;
    padding-left: 10px;
}
table.attrlist ul.toc {
    /* A TOC in an attrlist is commonly used in my projects/... main pages for
     * a TOC of documentation for that project. */
    padding-left: 0px;
    margin-top: 0px;
}

/* A list with no bullets, not indented, slightly hanging dedent on first line. */
ul.flat {
    padding-left: 10px !important;
    margin-left: 0 !important;
}
ul.flat li {
    list-style: none none;
    text-indent: -10px !important;
    margin-left: 0 !important;
    list-style-image: none !important;
}

/* A list of feeds. */
ul.feed-list {
    list-style-image: url(/static/img/feed.png);
    margin-left: 0;
}


/* styling "compact" basic HTML tags, used for the Markdown cheatsheet */
.compact * {
    line-height: 1.2;
}
.compact h1, .compact h2, .compact h3, .compact h4, .compact h5, .compact h6 {
    margin: 0.7em 0 0.1em 0;
    border-bottom: none;
    font-family: arial, verdana, sans-serif;
}
.compact h1 { font-size: 120%; font-weight: normal; }
.compact h2 { font-size: 110%; font-weight: normal; }
.compact h3 { font-size: 100%; }
.compact h4 { font-size: 95%; }
.compact h5 { font-size: 85%; }
.compact h6 { font-size: 85%; border: 0; }
.compact p {
    margin: 0.3em 0 0.1em 0;
    padding: 0;
}
.compact pre {
    margin: 0;
    padding: 3px;
    font-size: 95%;
    overflow: inherit;
}


/* Call-out styling for a sidebar "about" blurb */
#about_blurb {
    font-size: 18px;
    font-weight: normal; 
    font-style: normal;
    line-height: 1.5em;
    color: #666;
    margin-top: 0;
}
#about_blurb a {
    font-size: 18px !important;
}
a.read_more {
    white-space: nowrap;
    font-size: 70% !important;
}



/* FAQ page styling */
ul.faq {
    padding-left: 0px;
}
li.faq {
    list-style: none none;
    margin-bottom: 50px;
}

/* help-markdown page styling */
p.markdown-section {
    margin-top: 20px;
}
div.markdown-input {
    width: 50%;
    margin-left: 50px;
}
div.markdown-output {
    width: 50%;
    border: 3px solid #bbb;
    margin-left: 50px;
    padding: 5px;
}

/* Styling for a fairly standard Django {{ form.as_ul }} */
form.django-ul {
    margin-left: 0px;
}
form.django-ul ul {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    list-style: none none;
}
form.django-ul label {
    display: block;
    padding-top: 15px;
    width: 100%;
}
form.django-ul input, form.django-ul textarea {
    width: 100%;
}
form.django-ul input[type="submit"], form.django-ul input[type="checkbox"] {
    width: inherit;
}
form.django-ul ul.errorlist {
    padding: 15px 0px 0px 0px;
    margin: 0px;
    list-style: none none;
    float: right;
}
form.django-ul ul.errorlist li,
form.django-ul ul.errorlist + label {
    color: red; /* TODO: better red */
}
form.django-ul span.captcha-error {
    text-align: right;
    width: 30%;
    float: right;
    color: red; /* TODO: better red */
}


/* ---- pagination ---- */
.pages {
    position: relative;
    background-color: #EFEFEF;
    margin: 0px;
    padding: 8px 5px 7px 5px;
    font-size: 90%;
    height: 1.4em;
}
.pages-top {
    border-bottom: 1px dotted #888;
}
.pages-bottom {
    border-top: 1px dotted #888;
}
.pages .paginator {
    position: absolute;
    bottom: 0.4em;
    bottom: 0.6em;
    right: 5px;
}
.paginator a {
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 2px 6px;
}
.paginator span {
    padding: 2px 6px;
}
.paginator a:hover {
    text-decoration: none;
    /*border: 1px solid black;*/
    color: white;
    background-color: #C90E00;
}
.paginator .prev {
    margin-right: 20px;
}
.paginator .next {
    margin-left: 20px;
}
.paginator a.prev,
.paginator a.next {
    border-width: 2px;
}
.paginator span.prev,
.paginator span.next {
    border: 2px solid transparent; /* keep the spacing the same */
}
.pages .paginator span.this-page {
    font-weight: bold;
}

.pages span.results {
    color: gray;
    font-size: 90%;
}
.pages .disabled {
    color: gray;
}


/* ---- recipe summary styling ---- */
ul.recipes {
    list-style: none none;
    padding: 0;
    margin: 0;
}
div.recipe-summary-compact {
    line-height: 1.2em;
    padding: 5px 3px;
}
div.recipe-summary-compact span.recipe-title {
    line-height: 1.8em;
    font-weight: bold;
    font-size: 120%;
}

div.recipe-summary-box, div.recipe-summary-caption {
    line-height: normal;
    vertical-align: bottom;
    text-align: center;
}

div.recipe-summary-box {
    float: left;
    padding: 7px 1px 3px 1px;
    width: 4ex;
    font-size: 1.85em;
    line-height: 0.8;
    background: #707070;
    color: white;
}
div.recipe-summary-views {
    margin: 0px 3px;
}
div.recipe-summary-score {
    margin: 0px 8px 0px 3px;
}

div.recipe-summary-caption {
    font-size: 0.5em;
}

div.recipe-summary-removefromset {
    float: right;
}
div.recipe-summary-removefromset * {
    margin: 0; padding: 0;
}
div.recipe-summary-removefromset input {
    background: none;
    border: none;
    color: #ae1a27;
}

/* Button-link styling for a link. */
a.button {
    background-color: #C90E00;
    padding: 5px 8px;
    color: white;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 80% !important;
}
a.button:hover {
    background-color: #CE534A;  /* #026981 for brighter */
    color: white;
}
a.short {
    padding: 2px 3px;
}

/* ---- tag styling ---- */

a.tag {
	color:#fff;
	background-color:#B3B3B3;
	border-bottom:1px solid #404041;
	border-right:1px solid #404041;
	padding:3px 4px 3px 4px;
	margin:2px 2px 2px 0;
	text-decoration:none !important;
	font-size:90%;
	line-height:2.4;
	white-space:nowrap;
}

a.tag:hover {
	background-color:#404041;
	color:#fff;
	border-bottom:1px solid #404041;
	border-right:1px solid #404041;
	text-decoration:none !important;
    font-size:90%;
}

#tags {
    margin-bottom: 10px;
}
a.tag-filter {
    text-decoration: none;
}
a.tag-filter:hover {
    color: inherit;
}
span.tag-count {
    font-size: 70%;
    color: grey;
}
.tag-cloud a:link,
.tag-cloud a:visited {
    text-decoration: none; 
}
.tag-cloud a:link:hover,
.tag-cloud a:visited:hover {
    text-decoration: underline; 
}

div#tags {
    margin-bottom: 20px;
}
div#tags a.machine_tag_toggle {
    color: #666;
    cursor: pointer;
    font-size: 95% !important;
}
div#tags a.machine_tag_help {
    display: none;
}
div#tags:hover a.machine_tag_help {
    display: inline;
}
div#tags a.machine_tag_help img {
    margin: 0px 3px;
    vertical-align: middle;
}
ul.nomachinetags {
    margin-bottom: 5px;
}
ul.machinetags {
    padding-top: 0px;
    margin-left: 16px;
}

div#requires {
    margin-top: 20px;
}
div#otherinfo {
    margin-top: 20px;
}

ul.action_list {
    margin-left: 0px !important;
    padding-left: 15px !important;
    list-style-type: circle !important;
}
ul.action_list li {
    list-style-type: circle !important;
    list-style-image: none !important;
    margin-left: 0px !important;
}


/* styling the code/prose blocks*/
.block {
    margin-bottom: 20px;
}

/* styling the code block header */
table.codeblock-header {
    width: 100%;
    border-collapse: collapse;
    color: gray;
}
table.codeblock-header td {
    padding: 0 5px;
}
td.codeblock-lang {
    text-align: right;
    color: gray;
    font-weight: bold;
    font-size: 120%;
}


/* Other recipe detail page sidebar stuff. */
#actions {
    margin-top: 20px;
}


/* styling the highlighted code blocks */
div.codeblock * {
    margin: 0;
    padding: 0;
}
div.codeblock table {
    border-collapse: collapse;
}
div.codeblock {
    overflow: auto;
    border: solid #ccc 1px;
    background-color: #f1f1f1;
}
div.codeblock pre {
    font: 12px Monaco,"DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
    border: none;
    overflow: inherit;

}
div.codeblock td.linenos {
    background-color: rgb(236, 233, 216);
    min-width: 1.3em;
}
div.codeblock td.linenos pre {
    text-align: right;
    padding: 0.1em 5px 0.1em 5px;
    background-color: #fff;
    color: gray;
}
div.codeblock td.code {
    padding: 0.1em 0.5em;
}
div.codeblock td.codeblock pre {
    padding-left: 2px;
    background-color: #f1f1f1;
}


/* general page section separator styling */
.section_header {
    margin: 40px 0 10px 60px;
}
div.section {
    border-top: 1px solid #E0E0E0;
    padding: 20px 0;
}


/* styling the comments */
.comment {
    clear: both;
}
.comment_gutter {
    float: left;
    width: 60px;
    text-align: center;
}
.comment_header {
    margin-bottom: 5px;
}
a.comment_author {
    text-decoration: none;
    font-weight: bold;
}
.owner_comment {
    font-size: 105%;
    font-style: italic;
}
a:hover.comment_author {
    text-decoration: underline;
}
.comment_time {
    margin-left: 10px;
    color: #aaa;
    font-size: 90%;
}
span.comment_actions {
    display: none;
}
div.comment:hover span.comment_actions {
    display: inline;
}
span.comment_actions * {
    color: inherit;
    text-decoration: inherit;
}
.comment_content {
    margin-left: 60px;
}
div.gravatar30 {
    background-color: white;
    padding: 1px;
    border: 1px solid #CCC;
    height: 30px;
    width: 30px;
}


/* toolbar above codeblocks */
div.block-toolbar {
    clear: both;
}
div.block-toolbar > * {
    border: 1px solid white;
    margin-bottom: 1px;
    padding: 0px 2px;
}
.block-toolbar-button {
    display: inline-block;
    min-width: 1px;
}
.block-toolbar-button:hover {
    border: 1px outset #EEEEEE;
}
.global-zeroclipboard-container {
    border: 1px outset #EEEEEE;
}
.block-toolbar-button:active {
    border: 1px inset #EEEEEE;
}
.block-toolbar-button a {
    text-decoration: none;
    color: inherit;
}
.block-toolbar-button img {
    vertical-align: text-bottom;
}
div#translation_party {
    display: inline-block;
}
div#translation_party form {
    display: inline;
    margin: 0;
}
div#clipboard_button + div embed {
    vertical-align: top;
}

/* gutter on recipe page */
table.gutter_table {
    table-layout: fixed;
    width: 100%;
    vertical-align: top;
}
td.gutter {
    padding: 0px;
    vertical-align: top;
    text-align: center;
    width: 60px;
}

/* score and up/down voting */
#recipe_scorevote .recipe_score {
    font-size: 280%;
    padding: 5px 0;
    color: #888;
}
#recipe_scorevote button {
    background: transparent;
    border: none;
    font-size: 150%;
    color: #777;
    cursor: pointer;
    padding: 0;
    height: 44px;
    width: 44px;
    vertical-align: middle;
}
#recipe_scorevote button.waiting {
    background: url(/static/img/ajax-loader.gif) no-repeat center;
    overflow:hidden;
    text-indent: -1000px; /* to hide the button icon */
}
#recipe_scorevote form {
    padding: 0;
    margin: 0;
}
#recipe_scorevote button:hover {
    color: #026981;
}
#recipe_scorevote button.voted, button.voted:hover {
    color: #ae1a27;
}

form.tag-remove,
form.require-remove {
    display: inline;
}
form.tag-remove input[type="submit"],
form.require-remove input[type="submit"] {
    padding: 0;
    margin: 0 7px;
    background: transparent;
    border: none;
    cursor: pointer;
}
form.tag-remove input[type="submit"]:hover,
form.require-remove input[type="submit"]:hover {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

/* prev/next in set/user/language UI in recipe detail sidebar */
table.prevnext {
    width: 100%;
    table-layout: fixed;
}
table.prevnext td {
    padding: 0;
    color: #ddd;
}
a.prevnext_arrow {
    text-decoration: none !important;
}
td.prevnext_label {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 175px;
    width: 90%;
    white-space: nowrap;
}
td.prevnext_label a {
    margin-left: 15px;
}

tr.prevnext-current td.prevnext_label a {
    color: #404041;
}

div#tagbar {
    margin-bottom: 10px;
}
div#tagbar,
div#tagbar form,
div#tagbar span {
    vertical-align: middle;
}
div#tagbar form {
    display: inline;
    margin: 0;
    padding: 0;
}
div#tagbar>span {
    display: inline-block;
    height: 22px;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    background: #444;
}
div#tagbar>span a /*, span.tagbar_entry a:hover, span.tagbar_entry a:active, span.tagbar_entry a:visited*/ {
    color: #ccc;
    text-decoration: none;
}
div#tagbar>span a:hover, div#tagbar>span a:active {
    color: #fff;
}
div#tagbar>span:hover {
    background-color: #666;
}
div#tagbar>span.start {
    background: #C90E00;
    color: #ffffff;
}
div#tagbar>span.newtags {
    background: #EFEFEF;
}
div#tagbar>span.newtags input {
    background: transparent;
    border: none;
    font: inherit;
    margin: 0px;
    outline: none;
    padding: 0px;
    vertical-align: baseline;
}
img.tagbar_arrow {
    vertical-align: middle;
    display:inline;
    margin: 0px;
}

table.gravatar {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    table-layout: fixed;
    width: 100%;
}
table.gravatar td {
    font-size: small;
    line-height: normal;
    margin: 0px;
    padding: 1px 0px;
    vertical-align: middle;
}
table.gravatar img {
    background-color: white;
    padding: 1px;
    border: 1px solid #CCC;
}


/* jquery autocomplete */
.ac_results {
    background-color: white;
    border: 1px solid black;
    padding: 0px;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    list-style-position: outside;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ac_results li {
    cursor: default;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
    padding: 2px 5px;
    overflow: hidden;
}
.ac_over {
    background-color: #404041;
    color: white;
}


/* ---- some icon classes ---- */

.icon_comment {
    background: transparent url(/static/img/comment.png) no-repeat scroll 0 0;
    padding-left: 18px;
    /*margin-left: -15px;*/
}

.icon_windows {
    background: transparent url(/static/img/icon_windows.gif) no-repeat scroll 0 2px;
    padding-left: 15px;
}
.icon_mac {
    background: transparent url(/static/img/icon_mac.gif) no-repeat scroll 0 2px;
    padding-left: 15px;
}
.icon_linux {
    background: transparent url(/static/img/icon_linux.gif) no-repeat scroll 0 2px;
    padding-left: 15px;
}
.icon_solaris {
    background: transparent url(/static/img/icon_solaris.gif) no-repeat scroll 0 2px;
    padding-left: 15px;
}


/* ---- tree-table styling (e.g. as used for /komodo/remotedebugging/) ---- */

.tree_table tr th:first-child,
.tree_table tr td:first-child {
    /* Make space for the top-level disclosure triangles. */
    padding-left: 20px;
}
.tree_table_header {
    padding-left: 20px;
}
.tree_table tr.current td {
    font-weight: bold;
}


/* ---- print styles ---- */

.print_only {
    display: none;
}
@media print {
    body { background:white; color:black; margin:0; }
    #as_header_wrapper { display: none; }
    #as_sidebar_wrapper { display: none; }
    #as_footer_wrapper { display: none; }
    #as_content_wrapper { background: none; }
    #as_content { margin:0; width: 100%; float: none; }
    #as_middle { background: none; margin: 0; max-width: none; }
    #addcomment { display: none; }
    .block-toolbar-button { display: none !important; }
    #recipe_tools { display: none; }
    #djDebugToolbarHandle { display: none; }

    div.print_only, pre.print_only { display: block; }
    span.print_only { display: inline; }
    .no_print { display: none; }

    /* making sure long code lines are visible */
    div.codeblock {
        overflow: visible;
        font-size: 90%;
        line-height: 1.1em;
    }
}


/* {{{ teaser -- Styling for teaser blocks (like on code site home page). */
.code_front .teaser {
  -webkit-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
  padding: 2%;
  margin-bottom: 15px;
  position: relative;
  font-size: 15px;
}

.recipes_front .teaser {
    margin-top: 20px;
}

.teaser.first {
  padding-top: 0;
}
.teaser.first h2 {
    clear: both;
}
.teaser_title {
  font-weight: bold;
  margin-right: 10px;
  margin-top: 0;
}
.teaser_title a {
  color: #333;
  text-decoration: none;
}
.teaser_title a:hover {
  color: #C90E00;
}
.teaser_subtitle {
  font-size: 90%;
  color: #888;
}
.teaser_section_full {
  margin-top: 10px;
}
.teaser_section_half {
    float: left;
    width: 49%;
    padding-right: 1%;
    margin-top: 10px;
}
.teaser_section_third {
  margin-top: 10px;
  float: left;
  width: 32%;
  padding-right: 1%;
}
.teaser_section_quarter {
  margin-top: 10px;
  float: left;
  width: 20%;
  padding: 0 2%;
  font-size: 15px;
}
.teaser_section_quarter .secondary, .teaser_section_half .secondary {
    font-size: 11px;
}
.teaser_section_quarter .tertiary, .teaser_section_half .tertiary {
    font-size: 11px;
}

.teaser_section_title {
  font-weight: bold;
  font-size: 15px;
  color: #555;
}
.teaser_section_title a {
  color: #555;
  text-decoration: none;
}
.teaser_section_title a:hover {
  text-decoration: underline;
}
.teaser_item {
  margin-bottom: 3px;
}
span.teaser_group {
  padding: 0 3px;
}

div.pm-index-list ul li {
    padding-bottom:6px;
    margin-bottom:3px;
}
div.pm-index-list ul li a {
    font-size: 105%;
    font-family: Arial;
}
div.pm-index-list ul li .tertiary {
    font-family: Georgia, Palatino; /* Palatino is less readable under lower sizes */
    font-style: italic;
}

div#recent ul {
    padding-left: 0 !important;
}

div#recent ul li {
    padding-left: 10px !important;
    padding-bottom:3px;
    margin-bottom:3px;
}


div#recent ul li .tertiary {
    color: #666;
    font-size: 12px;

}

.teaser .as_product_orb img {
    width: 30%;
    float: right;
    margin-left: 1.5%;
}

.teaser p.as_codeindex_summary {

}

.teaser .as_codeindex_box_column {
    width: 50%;
    float: left;
}

.teaser .as_codeindex_box_column h3 {
    font-size: 15px;
    margin-bottom: 3px;
    color: #333;
}

.teaser .as_codeindex_box_column ul.flat {
    padding-top: 0;
}

/* }}} */


/* ---- teaser block layout ---- */

#as_codeindex_recipes {
    width: 61.6%;
    float: left;
    clear: both;
}

#as_codeindex_lists {
    width: 28.1%;
    float: right;
    clear: none;
}

#as_codeindex_ppm {
    clear: both;
}

#as_codeindex_pypm,
#as_codeindex_ppm,
#as_codeindex_komodo {
    width: 28%;
    float: left;
    margin-right: 1.6%;
}

#as_codeindex_komodo {
    margin-right: 0;
    float: right;
    min-height: 125px;
}

#as_recipes_index_content {
    width: 54%;
    float: left;
    clear: both;
    font-size: 16px;
}

#as_recipes_index_content div.teaser_section_title a {
    font-size: 20px;
    font: Arial;
}
#as_recipes_index_content div.teaser .teaser_item {

}

#as_recipes_index_sidebar {
    width: 36%;
    float: right;
    clear: none;
}

#as_cookbook_cover {
    border: 1px solid #CCCCCC;
    float: right;
    margin: 5px;
}

.as_recipes_index_box#oreilly {
    background-color: #efefef;
}

#as_recipes_index_sidebar .as_recipes_index_box {
    border: 1px solid #666;
    -webkit-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    padding: 15px;
    margin-bottom: 15px;
    position: relative;
    font-size: 15px;
}

/* ---- /komodo/... area styles ---- */

div.ko_line70 {
    height: 0;
    width: 70%;
    border-top: 2px solid #888;
    margin-top: 5px;
}


/* ---- /p*pm/ area styles ---- */

/* test forms
  
#sampleform3 input {vertical-align:top; font-weight:bold; font-size: 12px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#sampleform3 input[type="text"] {width:136px; padding:8px;  background:#ddd; border:none;}
#sampleform3 input[type="submit"] {width:80px; padding:8px; border:none; color:#fff; background: #1296bc; text-shadow:0px -1px 2px rgba(0,0,0,.7);cursor:pointer;}
#sampleform3 input[type="submit"]::-moz-focus-inner {border:0;}
#sampleform3 input[type="submit"]:focus {background:#333;}

*/


#pm_search {
    margin: 30px auto auto;
    text-align: center;
    padding-bottom:30px;
    padding-left:40px;
    padding-top:30px;
    background-color: #404041;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
#pm_search table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
#pm_search tr,
#pm_search td {
  text-align: left;
}
#pm_search input {
    vertical-align:top;
}
#pm_q {
    float:left;
    width: 70%;
    border:1px solid;
    border-color: #B3B3B3;
    font-size:24px !important;
    height: 32px;
    line-height: 26px;
    max-width:960px;
    padding:3px 10px;
    width:70%; 
}
#pm_q_submit {
    display:inline;
    font-size:14px !important;
    text-align: center !important;
    height:40px;
    margin-left:0;
    float:left;
    width:25%;
}
table#pm_search_help {
  margin-top: 10px;
  border-collapse: collapse;
  width: 65%;
  margin-left: inherit;
  margin-right: inherit;
}
#pm_search_help th {
  font-weight: normal;
  font-style: italic;
  padding: 2px 10px 0 5px;
  font-size: 16px;
  color: #efefef;
}
#pm_search_help th a,
#pm_search_help th a:visited {
    color: #B3B3B3;
}
#pm_search_help th a:hover {
    color: #C90E00;
}
#pm_search_help td {
  color: #bbb;
  font-size: 13px;
}
#pm_links {
  padding-top: 20px;
}

.pkg-buildinfo-all {
    display: none;
    background: #ffffee;
    padding: 5px 5px 5px 25px; /* 25 for lock icon */
    border: 1px solid;
    text-align: left;
    margin: 5px 0 0 0;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
}
.pkg-buildinfo-default span.version {
    font-size: 80%;
}
.pkg-buildinfo-default.hidden {
    opacity: 0.3;
}
.pkg-buildinfo-default:hover {
/*  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
  background-color: #ffffee;
*/  cursor: pointer;
  border: 1px solid;
  margin: -1px;
}
.pkg-buildinfo-default:active {
/*    position: relative;
    top: 2px;
    left: 2px;
    cursor: pointer;
*/}

.pkg-buildinfo {
    padding-right: 1em;
}
.pkg-buildinfo.active {
     font-weight: bold;
}

#pm-imports .pkg-link-list li {
  font-size: 85%;
}

.pkg-link-list.jquery-limit .jquery-limit-see-more {
    font-style: italic;
    text-decoration: none;
    vertical-align: middle;
}

/* reST warning; eg: /pypm/djpasty/ */ 
div.system-messages, div.system-message {
  opacity: 0.2;
  text-align: right;
  padding-bottom: 10px;
}
.system-message-title {
  color: red;
} 

/*----------------------------------------*/
/*	Awesome Buttons			  */
/*----------------------------------------*/

 .awesome, .awesome:visited, input[type=submit] {
    /* use a data uri for the overlay instead of a file so that IE6 ignores it and displays the background color of the button instead of pale blue PNG failure */
    background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x;
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff !important; 
    text-decoration: none;
    /* Linux browsers */
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
}

#as_bannerbar .awesome {
    font-size: 11px;
    padding: 3px 10px;
}

.awesome:hover {
    background-color: #111;
    color: #fff;
}
.awesome:active, input[type=submit]:active {
    top: 1px;
}
.medium.awesome, .medium.awesome:visited {
    font: 12px/1.3em Arial,sans-serif;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.blue.awesome, .blue.awesome:visited, input[type=submit] {
    background-color: #C90E00;
}
.blue.awesome:hover, input[type=submit]:hover {
    background-color: #CE534A;
}

.red.awesome, .red.awesome:visited{
    background-color: #AF1E0A;
}
.red.awesome:hover {
    background-color: #CF3A26;
    text-decoration: none !important;
}

/* Package Styles  */

#flash-box {
    background-color: #efefef;
    border: solid 1px #666;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
    margin: 20px 15px;
    padding: 15px;
    font-size: 16px;
}
.pm_module_page #page_header h1 {
  font-size: 30px;
  margin-bottom: 0;
}

.pm_module_page span#beta_status {
    font-style: italic;
}
.pm_module_page span#beta_status.beta {
    color: #069;
}
.pm_module_page span#beta_status.experimental {
    color: #AF1E0A;
}
.pm_module_page span#beta_status.inactive {
    color: #999;
}

#as_release_metadata {
    float: right;
}

#as_release_not_latest,
#as_release_date {
    clear: both;
    font-weight: normal;
}

#as_release_date {
    color: #777;
}

#as_release_not_latest span {
    color: #AF1E0A;
    font-weight: bold;
}

#pkg-meta {
  font-size: 30%;
  font-weight: normal;
  color: #808080;
}

#pkg_tweet {
    float: right;
}

#pkg_name {
    font-family: Arial;
    font-size: 130%;
    padding-bottom: 2em;
}
span#pkg_version {
    font-size: 50%;
    font-weight: 100;
}

#pkg_summary {
    font-family: Palatino, Georgia;
    font-weight: 100;
    font-style: italic;
    font-size:18px;
    line-height: 24px;
    padding-bottom: 1em;
}

#pm-install {
    font-family: Consolas, Monaco, "Lucida Console", monospace;
    font-size: 18px;
    padding: 20px;
    margin: 0.4em 0 0 0;
    background: #404041;
    -webkit-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5); 
    cursor: pointer;
    clear: both;
}
#pm-install:hover {
}
#pm-install:active {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#034'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#034)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #000,  #034); /* for firefox 3.6+ */
}
#pm-install-prompt {
    width: 95px;
    font-weight: 100;
}
#pm-install-prompt,
#pm-install-command {
  float: left;
}
#pm-install-command {
    max-width: 600px;
}

#pm-install-prompt,
#pm-install-copy a{
    color: white;
}
#pm-install-command {
  margin-left: 20px;
  color: #eee;
}
#pm-install-copy {
    float: right;
}
#pm-install-copy a {
    text-decoration: none;
}
#pm-install-details {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
    background-color:#FFFFFF;
    font-family:Arial;
    font-size:16px;
    margin-top:20px;
    padding:10px 20px 20px;
    cursor: default !important;
    display: none;
}
#pm-install-details ol {
    margin-bottom: 0;
}

#pm-install-details ol li {
    padding-bottom: 8px;
}
#pm-what-is {
  margin: 0.2em 0 0 1em;
  text-align: right;
  font-size: 80%;
  text-underline: none;
}

table.repos {
    border-collapse:collapse;
    empty-cells: show;
    width: 100%;
    font-size: 85%;
}

table.repos thead tr th {
    border-bottom: 1px solid #aaa;
    background-color: #fff;
    font-size: 120%;
}
table.repos tbody tr:nth-last-child(-n+1) {
    border-bottom: 1px solid #aaa;
}

table.repos tbody tr:nth-child(even) {
    background-color: #efefef;
}

table.repos thead tr th,
table.repos tbody tr th,
table.repos table thead tr td,
table.repos tbody tr td {

    padding: 3px 10px;
}

table.repos thead tr th,
table.repos tbody tr th,
table.repos tbody tr td {
    text-align: center;
}

table.repos tbody tr th img,
table.repos tbody tr td img {
    vertical-align: text-top;
}
table.repos tbody td {
    cursor: pointer;
}

table.repos td.na {
    color: #bbb;
    font-size: 90%;
}

table.repos td.na:before {
    /*content: "n/a";*/
}

table.repos tr.repo_locked th,
table.repos th.repo_locked {
    background: url(/static/img/lock-icon.png) no-repeat scroll 5px 5px;
}

table.repos th.repo_locked {
    padding-left: 16px;
    background-position: 0 3px;
}

table.repos tbody tr th,
table.repos thead tr th.as_platform {
    text-align: left;
    padding-left: 30px;
}

table#buildmatrix tbody tr th,
table#buildmatrix thead tr th.as_platform {
    padding-left: 10px;
}

table.repos.buildversions {
    margin: 0;
}
table.repos.buildversions tbody tr {
    border: 0 none;
}
table.repos.buildversions tbody td {
    cursor: default;
}

.as_lock_icon {
    margin-left: -15px;
}

.as_sideblock_boxshot {
    margin-bottom: 10px;
    background-position:center;
    /* for IE */
    filter:alpha(opacity=90);
    /* CSS3 standard */
    opacity:0.9;
}

.as_sideblock_boxshot.as_komodo_boxshot {
    background-color: white;
    float: right;
}

.as_sideblock_boxshot img {
    float: right;
    width: 35% !important;
}

.as_sideblock_boxshot p {
    float: left;
    margin-top: 10px;
    text-align: center;
    padding-top: 10px;
    width: 65%;
}

.as_sideblock_boxshot p a {
    color: #fff;
}

#as_sidebar .as_sideblock_boxshot p a {
    font-size: 23px;
    font-weight: bold;
    color: #404041;
}
#as_sidebar .as_sideblock_boxshot p a:hover {
    font-size: 23px;
    font-weight: bold;
    color: #C90E00;
}
.komodo_icon {
  margin-left: -20px !important;
}

.layout-3-col {
  width: 100%;
  margin-bottom: 0;
}
.layout-3-col > thead > tr > th,
.layout-3-col > tbody > tr > th,
.layout-3-col > tbody > tr > td {
  width: 33%;
}

.layout-3-col table {
    margin-bottom: 0;
}

.as_build_icon {
    margin-left: -20px;
    vertical-align: text-top;
}

.shadow {
    -webkit-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    border: 1px solid cc3333;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #ffeeee;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 

}
.shadow code,
.shadow pre {
    background-color: white;
}

.pkg-block .pkg-name {
    font-size: 120%;
    font-family: Arial;
    font-weight: bold;
}
.pkg-block .pkg-author {
    font-family: Palatino, Georgia;
}

.pkg-block {
  margin-bottom: 0.7em;
  position: relative;
  padding: 0.0em 0 0 0;
}
.pkg-block-content {
  padding-left: 9em;
}
.pkg-block > h5 {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 1.4em;
  margin: 0;
  padding: 0.0em 0 0 0px;
}

ul#pm_sidebar_rss {
    padding-left: 0;
}
ul#pm_sidebar_rss li {
    list-style-image: none;
    list-style: none;
    margin-left: 0;
}
ul#pm_sidebar_rss li a img {
    vertical-align: middle;
    margin-right: 5px;
}

.pkg-block h5.pkg-notes {
    color: #AF1E0A;
}

#pkg-description .pkg-description-container {
    background-color: #eaeaea;
    font-family: Palatino, Georgia, Verdana, Arial;
    padding: 20px 20px;
    border: 1px solid #999;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
    -webkit-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

#pkg-description .pkg-description-container .section:first-child {
    border-top: none;
    padding-top: 0;
}

#pkg-description.pkg-block h5 {
    position: relative;
    margin-bottom: 10px;
}

#pkg-description.pkg-block ul {
    margin-left: 0;
}

#pkg-description.pkg-block tt {
    color: #777;
}

.pkg-link-list {
  margin: 0; padding: 0;
}
.pkg-link-list li {
  margin: 0;
  padding: 0 0.2em 0 0.5em;
  border-left: solid 1px #999;
  display: inline;
}
.pkg-link-list li:first-child {
  border: none;
  padding: 0 0.2em 0 0;
}

#version-list tr.current td {
}
#version-list td.version-date {
  font-size: 60%;
  color: #a0a0a0;
}

div.teaser div.pm_matrix_note {
    clear: both;
    color:#404041;
    font-size:16px;
    padding-bottom: 10px;
}
div.teaser div.pm_matrix_note#missing { /* no 'pypm install' block above */
    margin-top: -30px;
}
div.teaser div.pm_matrix_note img {
    float: left;
}
div.teaser div.pm_matrix_note p {
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 90%;
}

.pkg_available {
    color: #333;
}

.pkg_unavailable {
    color: #999;
}

.pm_search_page .result-row {
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    clear: both;
}
.pm_search_page .result-title a.project-name {
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}
.pm_search_page .result-title {
    float: left;
    width: 70%;
    vertical-align: middle;
}
.pm_search_page .result-title img {
    vertical-align: middle;
}
.pm_search_page .result-row-stats{
    float: right;
    width: 25%;
    min-width: 155px;
}

.pm_search_page .result-row-extra {
    clear: left;
    width: 70%;
    font-style: italic;
    font-family: Palatino, Georgia;
}

#search-results {
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
}
        
#exact-match {
    border: solid 1px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
    -webkit-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.5); 
    margin-bottom: 30px;
    padding: 15px;
    font-size: 125%;
    line-height: 125%;
}
#exact-match h5 {
    font-size: 100%;
    display: none;
    margin: 0;
}
#exact-match .result-row {
    padding: 0;
}

#exact-match .result-row .result-title {
    float: left;
}

#sortby-tab {
    float: right;
    margin-top: -25px;
}
#sortby-tab li {
    display: inline;
}
#sortby-tab li.active {
    font-weight: bold;
}

/* }}} */