/**
  * From css/main.css: @import "yui/reset-fonts-grids.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/** End of yui/reset-fonts-grids.css */


/**
  * From css/main.css: @import "forms.css";
  */

div.form {
    background-color: #f6f6f6;
    padding: 0.2em;
    margin: 0 auto;
}

div.form_field {
    clear: both;
    padding-top: 0.5em;
}

.twocolumn {
    width: 49%;
    float: left;
}

div.form_field label.label, div.form_field span.label {
    float: left;
    width: 15%;
    text-align: right;
    font-size: 80%;
    padding: 0.2em 0.5em 0 0;
}

div.form_field .hints {
    width: 83%;
    font-size: 80%;
    padding-top: 0.2em;
    float: right;
    text-align: left;
    color: #999999;
}

div.form_field .error, div.form_field .warning, div.form_field .canonicalization_note {
    float: right;
    width: 88%;
    text-align: left;
}

div.form_field span.formw {
    float: right;
    width: 88%;
    text-align: left;
}

input.text, input.date, input.password, textarea, select {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(/static/images/css/fieldbg.gif) repeat-x top;
    padding: 0.2em;
}

form input.ajaxautocompletes {
    background: #fff url(/static/images/css/fieldbg-autocomplete.gif) repeat-x top right;
    padding-right: 18px;
}

input.date {
    width: 10em;
}

.submit_button {
    display: block;
    clear: both;
}

.submit_button input {
    clear: both;
    margin: 0.5em 0 0 16%;
}

input.button {
    padding: 0.15em 1em;
    font-weight: bold;
}

h2.inline input {
    font-size: 115%;
}

/*
These styles are meant to be placed after (and hence override) the current CSS
for forms.  Some of the rules aren't needed if previous behavior doesn't need to
be overridden.  ".inline" is our inline form class.
*/

div.inline .submit_button
{
}

div.inline div.form_field {
    float: left;

    /* to counter previous rules */
    clear: none;

    /* aesthetic */
    margin-right: 0.5em;
}

div.inline div.form_field label.label,
div.inline div.form_field span,
div.inline .hints,
div.inline .error
{
    display: block;

    /* to counter previous rules */
    float: none;
    width: auto;
    text-align: left;
}


div.inline .hints {
    display: none;

}

div.inline div.form_field label.label {
    /* aesthetic */
    padding-bottom: 0.1em;
}


/* So the admin ui is one row per line */

.jifty_admin.item.inline {
     clear: both;
}

.jifty_admin .editlink {
    float: right;
}

.jifty_admin_header {
    display: inline;
}

.jifty_admin_header a {
    color: black;
    display: block;
    font-size: 0.6em;
    height: 100%;
    text-decoration: none;
    font-family : sans-serif;
}

div.subline {
    display: inline;
    float: left;  
}


option.selected {
    background: #dddddd;
}

input.placeholder, textarea.placeholder {
    color: #666;
}

form div.mandatory .label {
    font-weight: bold;
}

form ul.checkboxlist {
    display: block;
    float: left;
}

form ul.checkboxlist li.checkboxlistitem{
    list-style-type: none;
}

/** End of forms.css */


/**
  * From css/main.css: @import "notices.css";
  */

/* IE can't handle this nicely w/ AJAX validation */

html>body .message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

html>body .error {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}

.error {
    color: #a00000;
}

div#messages,  div#errors {
     background-color: rgb(240,234,183);
     border: 1px solid rgb(230,224,173);
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 5px 20px 5px 5px;
     font-size: 1.2em;
     position: relative;
}

#dismiss_messages,
#dismiss_errors
{
    padding-left: 16px;
    background: url(/static/images/silk/cancel_grey.png) no-repeat;
    position: absolute;
    top: 0.4em;
    right: 2px;
    width: 0;
    display: block;
    text-indent: -9999em;
}

#jGrowl .result-message .message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

#jGrowl .result-error { 
    background: #a00000;
}

#jGrowl .result-error .message {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}


/** End of notices.css */


/**
  * From css/main.css: @import "header.css";
  */

#custom-doc { 
    margin:auto;text-align:left; /* leave unchanged */ 
    width:60.08em;/* non-IE */ 
    *width:58.63em;/* IE */ 
    min-width:781px;/* optional but recommended */ 
} 

#hd {
    background: #3B5998;
    height: 4em;
    position: relative;
    border-bottom: 4px solid #6d84b4;
    margin-bottom: 0.7em;
}

#hd h1 a {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background-image: url(/static/images/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent:-9999em;
    display: block;
    width: 165px;
    height: 23px;
}

#hd h1 a:hover { text-decoration: none; }

#navigation {
    position: absolute;
    bottom: 0.5em;
    left: 200px;
    color: white;
}

#navigation ul, #navigation li {
    display: inline;
}

#navigation li.active a, #navigation a:hover {
    background: #5C75AA;
    text-decoration: none;
}

#navigation a {
    margin-left: 0.5em;
    padding: 3px 5px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

#salutation {
    position: absolute;
    top: 0.2em;
    right: 0.5em;
    color: #C3CDDF;
    font-weight: bold;
}

/** End of header.css */


/**
  * From css/main.css: @import "footer.css";
  */

#ft {
    border-top: 1px solid #3B5998;
    font-size: 90%;
    color: #777;
    padding: 0.5em;
    margin-top: 1em;
    margin-bottom: 2em;
}

#ft .yui-u { text-align: right; }
#ft .first { text-align: left; }

/** End of footer.css */


/**
  * From css/main.css: @import "app.css";
  */

body {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

a {
    color: #3B5998;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#bd {
    padding: 0 1em 0 1em;
}

#bd h1 {
    font-size: 110%;
    font-weight: bold;
}

h2 {
    font-weight: bold;
    margin-top: 1em;
}

#bd p {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

blockquote {
    margin-left: 2em;
    margin-right: 2em;
    background: #eee;
    padding: 0 0.5em;
}

strong {
    font-weight: bold;
    color: #3B5998;
}

#loginbox {
    background: #f7f7f7;
    padding: 0.3em 1em 0.2em 1em;
    margin: -0.7em -1em 1em -1em;
}

#loginbox span {
    position: relative;
    top: -0.5em;
}

#facebook_login { display: inline; }

div#messages, div#errors {
    background-color: #C3CDDF;
    border: 1px solid #5C75AA;
    font-size: 100%;
}

.faces { margin-top: 1em; }

.facephoto {
    display: inline;
}

.facephoto img {
    padding: 0 0.3em 0.3em 0;
}

input.text, input.argument-file {
    border: 1px solid #5C75AA;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

input.argument-title { width: 20em; }

div.form_field span.label, div.form_field label.label { font-size: 100%; }


/** End of app.css */


/**
  * From css/main.css: @import "comments.css";
  */

textarea.argument-comment {
    width: 100%;
    border: 1px solid #5C75AA;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding: 0.2em;
    height: 3.5em;
}

textarea.placeholder {
    color: #777;
}

#region-add_comment { position: relative; }

#region-add_comment .submit_button input {
    position: absolute;
    right: 0;
    padding: 0 1em;
}

#region-comments { padding-top: 1.2em; }

#region-comments .comment {
    margin-top: 1em;
}

#region-comments .comment .posted_by {
    font-size: 90%;
    margin-left: 1em;
}

input.button {
    background-color: #3B5998;
    border-color: #D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 85%;
    text-align: center;
}

/** End of comments.css */


/**
  * From css/main.css: @import "dropshadow.css";
  */

.dropshadow_wrap1, .dropshadow_wrap2, .dropshadow_wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.dropshadow_wrap1 {
  float: left;
  background:url(/static/images/dropshadow/shadow.gif) right bottom;
}
.dropshadow_wrap2 {
  background:url(/static/images/dropshadow/corner_bl.gif) -12px 100% no-repeat;
}
.dropshadow_wrap3 {
  padding:0 7px 7px 0;
  background:url(/static/images/dropshadow/corner_tr.gif) 100% -12px no-repeat;
}

/* For left drop shadows */

.dropshadow_left_wrap1, .dropshadow_left_wrap2, .dropshadow_left_wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.dropshadow_left_wrap1 {
  float: right;
  background:url(/static/images/dropshadow/shadow_left_f6f6f6.gif) left bottom;
}
.dropshadow_left_wrap2 {
  background:url(/static/images/dropshadow/corner_br_f6f6f6.gif) 102% bottom no-repeat;
}
.dropshadow_left_wrap3 {
  padding:0 0 7px 7px;
  background:url(/static/images/dropshadow/corner_tl_f6f6f6.gif) left -35px no-repeat;
}

/** End of dropshadow.css */


/**
  * From css/main.css: @import "popups.css";
  */

#jifty-wait-message {
    background: white url(/static/images/ajax-loader.gif) no-repeat center center;
    width: 42px;
    height: 42px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 42;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#jifty-result-popup {
    position: fixed;
    bottom: 0.6em;
    right: 0;
    z-index: 43;
    width: 180px;
}

#jifty-result-popup .dropshadow_wrap1 {
    margin-top: 0.75em;
    width: 180px;
}

#jifty-result-popup .popup_notification {
    padding: 0.5em 0.5em 0.5em 27px;
    border: 1px solid #004e75;
    background: #a9b7ff url(/static/images/silk/information.png) no-repeat 5px center;
    overflow: hidden;
}

#jifty-result-popup .result-error {
    background: #ffa8a8 url(/static/images/silk/error.png) no-repeat 5px center;
    border: 1px solid #b71111;
    color: #b71111;
}


/** End of popups.css */