.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

#auth_form {
    display: block;
    width: 250px;
    float: left;
    margin-right: 20px;
}

#openid_form {
    display: block;
    float: left;
}
#openid_choice {
    display: none;
}
#openid_input_area {
    clear: both;
    padding: 10px;
}
#openid_input_area #wordpress-domain{
    font-size: 1.3em;
    float: left;
    padding: 7px 0;
}
#openid_input_area p{
    margin: 0;

}
#openid_btns a { float: left; }
#openid_btns a:hover { background-color: #ffc; }
#openid_btns { clear: both; }
#openid_btns .small { float: right; width: 102px; }
#openid_btns .large { width: 206px; float: left; }
#openid_btns a { border: 2px solid #fff; }
#openid_btns .large a { float: left; margin-right: 6px; margin-bottom: 6px; }
#openid_highlight .openid_large_btn,
#openid_highlight .openid_small_btn {
    border-color: #ffd72d; 
}
.openid_large_btn {
    width: 93px;
    height: 60px;
    margin: 0 6px px 0;
    float: left;
}
.openid_small_btn {
    width: 24px;
    height: 24px;
    margin: 3px;
    float: left;
}
a.openid_large_btn:focus {
    outline: none;
}
a.openid_large_btn:focus {
    -moz-outline-style: none;
}
.openid_selected {
    border: 4px solid #DDD;
}

#openid_submit { left: 0; clear: both; margin-left: 0; }


div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			"Liberation Sans", Arial, Helvetica, sans-serif;
	font-size: 				14px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

body#search .module { margin-bottom: 5px; margin-top: 0; }
body#search #content { position: relative; top: -4px; padding-top: 0; }
body#search #container #pagetop img#volunteer-opportunities { position: relative; }
body#search #page-top { float: left; width: 1000px; font-size: 19pt; }
body#search .no-results { color: #222; padding: 10px; font-size: 120%; line-height: 130%; width: 460px; float: left; }
	body#search .no-results strong { background-color: #fff; }
body#search #sidebar { float: left; width: 220px; margin-right: 20px; }
body#search #main { width: 715px; float: left; }
body#search p { margin: 0; }
body#search input[type='text'].default-text-active { color: #999 ! important; }

/*          Filters
 *---------------------- */

body#search #filters { width: 75%; margin-right: 1%; margin-bottom: 10px; }
    body#search #filters > .head { float: left; width: 100%; }
    body#search #filters li { margin-left: 0; margin-bottom: .3em; margin-right: 0.3em; float: left;}
    body#search #filters > .body { padding: 1em; float: left; width: 96.5%; font-size: .9em; }
    body#search #filters > .body > ul > li { float: left; margin-right: 2em; }

    body#search #filters label.on { font-weight: bold; }
    body#search #filters h4 { margin-bottom: 5px; }

    /*      Facets
     *-------------------------------- */

    body#search #facets { }
    body#search #facets ul { margin-left: 10px; }
    body#search #facets .facet-list { width: 20%;}
    /* "bolder" is slightly more apparent than "bold". */
    body#search #facets .facet-list ul li.active { font-weight: bolder; }
    body#search #facets ul li, #suggested_searches li, .facet_more_options li { list-style: circle; margin-left: 1em; color: #999; clear: left; }
    body#search #filters > .body > ul > li > ul { margin-top: .5em; }
    body#search #facets div.more_facet_options { list-style: none; margin-left: 2.5em; }
    body#search #facets div.active, body#search .facet_more_options div.active { font-weight: bold; }

body#search #about_projects, #about_bug_trackers { margin-top: 0; }
body#search #about_projects { width: 20%; }
body#search #about_projects div { float: left; margin-bottom: 10px; width: 100%; }
body#search #about_projects h3 { margin-bottom: 5px; font-weight: normal; }
body#search #how_many_projects { font-weight: normal; text-align: center; font-size: 140%; margin-top: .3em; width: 100% ! important; }
body#search #how_many_projects a { color: #555; }
	body#search #how_many_projects a:hover { color: #111; text-decoration: none; }
		body#search #how_many_projects a:hover strong { background-color: #555; }
body#search #how_many_projects strong { background-color: #747474; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 3px 4px; border-radius: 8px; color: #fff ! important; }
body#search #about_projects #learn_more { text-align: center; margin-top: 10px; margin-bottom: 0; }
body#search #hwat-is-this ul li { list-style: square; margin: 5px 0 0 20px; }
body#search .expanded .separator_betw_tags_and_desc { display: none ! important; }

/*          Search field
 *---------------------- */
body#search #textual_search { width: 22%; }
body#search #textual_search .body { width: 87%; padding: 1em; }
body#search #textual_search input[type='text'] { width: 70%; }
body#search #textual_search input[type='submit'] { width: 20%; padding: 5px; }

/*          Results summary
 *---------------------- */
body#search .results-widget { color: #555; padding: 12px; padding-bottom: 6px; float: left; width: 97%; font-size: .75em; margin-bottom: 15px; border: 0px dashed #dedede; border-bottom-width: 1px; }
    body#search .results-widget:last-child { border-bottom-width: 0; border-top-width: 1px; }
    body#search .results-widget > span { float: left; }
    body#search #results-summary { width: 50%; margin-right: 2%; }
    body#search #error-notification { color: red; font-size: 1em;}
    body#search #expand-collapse-all { width: 25%; }
    body#search #expand-collapse-all img { float: left; margin-right: 5px; }
    body#search #expand-collapse-all a { float: left; margin-right: 1em; }
    body#search span.navigation { font-weight: bold; float: right; width: 120px; }
    body#search .link-wrapper { float: right; width: 50px; height: 1em; }



/*          Results
 *---------------------- */
body#search #results { font-size: 1.21em; }
body#search #results ul { margin: 0; padding: 0; float: left; width: 99%; }
    body#search #results li { overflow: hidden; border: 1px solid transparent; border-bottom-width: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 8px; font-size: 100%; float: left; list-style: none; width: 99%; white-space: nowrap; margin: 0; margin-bottom: 3px; }

        body#search #results .body { background-color: #fff; }

        /*      Project data
         *----------------- */
        body#search #results li .project_data { text-align: right; margin-right: 2%; padding-top: 2px; width: 13%; float: left; }
        body#search #results li .project__name { color: #a3a3a3; cursor: pointer; cursor: hand; white-space: normal; }
        body#search #results li .project__name:hover { color: #000; text-decoration: underline; }
        body#search #results li:hover .project__name, body#search #results li.expanded .project__name { color: #000; }
        body#search #results li:hover .project_data img, body#search #results li.expanded .project_data img { opacity: 1; }
        body#search #results li .project_data img { vertical-align: middle; opacity: 0.5; width: 20px; height: 20px; /* If ever an image is not square this rule might distort it. */  }
        body#search #results li .below_the_fold { color: #555; display: none; }
        body#search #results li .below_the_fold a {font-size: .9em; display: block; margin-top: 1em;}
        body#search #results li .helpers { font-size: .8em; margin-top: 5px; }
        body#search #results li .helpers a { color: #ffa588; white-space: pre-wrap;}
        body#search #results li .helpers .no_mentors { color: #555;  }
        body#search #results li:hover .helpers a, body#search #results li.expanded .helpers a { color: #ff6d3d; }

        /*      Bug data
         *----------------- */
        body#search #results li .opp_data { border-left: 1px dashed #dedede; padding-left: 1%; width: 83%; float: left; }

        body#search #results li .details { padding: .3em .7em; padding-top: 0; float: left; font-size: 11px; display: none; }
        body#search #results li label { color: #777; }
        body#search #results li .field { width: 33%; float: left; margin-top: .3em; }
        body#search #results li .tags { float: left; width: 80px; }
        body#search #results li .head { font-size: 1em; float: left; padding: 5px 10px; width: 99%; overflow: hidden; }

        /* First line, e.g.: "Tomboy: SSH synchronisation: does not create the remote directory | expand | link" */
        body#search #results li .first-line { float: left; cursor: hand; width: 100%; cursor: pointer; }
        body#search #results li:hover { border-color: #dedede; }

        body#search #results li .first-line img { vertical-align: middle; width: 20px; height: 20px; /* If ever an image is not square this rule might distort it. */ }

        body#search #results li .second-line .description p { font-family: sans-serif; display: inline; }
        body#search #results li .good-for-beginners { background-color: #dcffcc; padding: 1px; }

        body#search a.title { font-size: 1.1em; }
        body#search a.title:focus { text-decoration: underline; -moz-outline: none; }
        body#search a.title:hover { text-decoration: underline; }
        body#search #results .title .untruncated { display: none; }

        body#search #results li .description-container p { margin-top: 5px; }
        body#search #results .tag-details { display: none; }
        body#search #results li .show-details { padding: .3em 7em; float: left; width: 71px; text-align: right; }
        body#search #results li .left { white-space: nowrap; float: left; width: 460px; overflow: hidden; }
        body#search #results li .description-container { width: 98.5%; padding: .3em 0; font-size: 0.8em; color: #555; float: left; overflow: hidden; white-space: nowrap; }
            body#search #results li .description-container * { display: inline; }
            body#search #results li .description-container br { display: none; }
        body#search #results li .description { font-family: monospace; }

        body#search #results li.expanded { border-color: #dedede; background: #fff; white-space: normal; }
            body#search #results li.expanded .title { font-weight: bold; text-shadow: 0 1px 0 #fff; }
            body#search #results li.expanded .title .truncated { display: none; }
            body#search #results li.expanded .title .untruncated { display: inline; }
            body#search #results li.expanded .description-container { white-space: normal; float: left; }
            body#search #results li.expanded .below_the_fold { margin-top: 1.5em; font-size: .75em; display: block; }

                body#search #results li.expanded .meta-data { float: left; width: 100%; }
                body#search #results li.expanded .description-container p { font-family: monospace; color: #000; white-space: pre-wrap; word-wrap: break-word; float: left; width: 100%; margin-bottom: .3em; }
                body#search #results li.expanded .description-container br { display: inherit; }
                body#search #results li.expanded .description-container .description { width: 100%; margin-top: 1em; float: left; padding-bottom: 1em; border-bottom: 1px dashed #dedede; max-height: 400px; overflow-y: auto; }
            body#search #results li.expanded .second-line { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; overflow: visible; }
            body#search #results li.expanded .details { display: block; float: left; width: 85%; font-size: .73em; padding: 5px 0; }
                body#search #results li.expanded .details .fields { float: left; width: 100%; }
                body#search #results h5 { color: #999; margin-bottom: 2px; }

            body#search #results li .tags .project { padding: .3em .7em; float: left; }

        body#search.actually_search #results form { float: left; width: 690px; }
            body#search #results form#search_fulltext input[type='text'] { font-size: 19px; padding: 10px; color: #222; width: 570px; height: 25px; }
            body#search #results form#search_fulltext input[type='submit'] { font-size: 19px; padding: 8px; color: #222; width: 90px; height: 50px; }

body#search .separator { color: #aaa; }
body#search .project-info { float: left; padding: .3em .7em; }

body#search .highlight { background-color: #ff8; font-weight: bold; }
body#search .sep { color: #b4b4b4; }

body#search .top_left { float: left; width: 83%; overflow: hidden; }
body#search .top_right { white-space: nowrap; float: right; width: 12%; padding: 3px 10px; text-align: right; font-size: .9em; }

body#search #examples { clear: left; margin-right: 1em; }
body#search #examples ul, body#search #personal_recommendations ul { display: block; margin-left: 10px; }
body#search #examples li, body#search #personal_recommendations li { list-style: circle; margin-left: 1em; color: #999; clear: left; }
body#search #examples, body#search #personal_recommendations { margin-top: 1em;  width: 48%; float: left; }
body#search #examples h3, body#search #personal_recommendations h3 { font-size: 1.2em; color: #222; margin-bottom: 3px; float: left; font-weight: normal; width: 100%; }

/*      Create a BugAlert
 *------------------------ */
body#search #create_bug_alert { padding: 10px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; float: left; background: #ffc; font-size: .9em; }
    body#search #create_bug_alert .success { margin-bottom: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 8px; background-color: #ff7; }
    body#search #create_bug_alert .left { float: left; margin-right: 20px; width: 40%; }
    body#search #create_bug_alert .right { float: left; width: 50%; }
    body#search #create_bug_alert p { margin-bottom: 10px; }
    body#search #create_bug_alert label { float: left; position: relative; top: 6px; margin-right: 10px; }
    body#search #create_bug_alert input[type='text'] { width: 30%; }
    body#search #create_bug_alert input[type='submit'] { float: none; clear: left;  display: block; }
    body#search #create_bug_alert .errorlist li { display: block; float: none; background-color: #f98; color: #000; font-weight: bold; }

body#search .head h3 { font-weight: normal; text-shadow: 0 1px 0 #fff; }
body#search #results { width: 100%; }
body#search #results .body { width: 99%; padding: 5px; }
body#search .contributors { display: none; }

#define-bite-size { font-weight: normal; }

body#search .facet_more_options { height: 400px; font-size: 1.2em; overflow-y: auto; }
body#search .facet_more_options li { margin-top: 3px; }

#facebox h2 { font-weight: normal; font-size: 1.5em; }

.active_facet_value a:hover { text-decoration: line-through; }

/* vim: set ai ts=4 sts=4 et sw=4 nowrap: */

/* For phones and tablets: Add responsive design so each box uses whole
    width */
@media (max-width: 800px) {
  body#search #filters, body#search #facets .facet-list, body#search #about_projects, body#search #textual_search {
    width: 100%;
  }
}

/* Inplace edit form stuff */
form.inplaceeditform > button {
    margin: 0;
    vertical-align: top;
}

li.bug.expanded span.textareainplaceedit {
    white-space: pre-line;
}

li.bug.expanded form.inplaceeditform {
    white-space: normal;
    float: none;
    width: auto;
}

body#search.bugsets #results li.expanded .description-container .description {
    overflow-y: visible;
}

body#search.bugsets #results li .helpers ,
body#search.bugsets #results li .below_the_fold {
    word-wrap: break-word;
}

span.skills > span {
    background-color: #dcffcc;
    padding: 1px;
}

body#search.bugsets #results li .field {
    width: 42%;
}

li.person_small a { margin: 0 20px 10px 0; float: left; height: 51px; width: 200px; overflow: hidden; }
li.person_small img { float: left; margin-right: 15px; width: 40px; }
li.person_small a span { width: 145px; float: left; padding-top: 15px; }

body#project input[type='text'], body#project textarea { padding: 4px;  }
body#project input, body#project textarea { font-size: 10pt;   }
body#project textarea { width: 96%;  }
body#project input[type='text'] { width: 96%; display: block; clear: left; }
body#project input[type='submit'] { padding: 2px 8px; display: block; }


body#project h1 { float: left; margin-top: 10px; }
body#project h3.supertitle { font-size: 10pt; margin-top: 20px; display: inline; margin-right: 10px;}
body#project .head { width: 100% ! important; }
body#project h3 a { color: #555; }
body#project #left { width: 60%; margin-right: 20px; }
body#project #left .module { width: 92.8%; }
body#project #left .module > .body { width: 92.5%; }
body#project #main { width: 37%;}
body#project .module { width: 100% ! important; }
body#project #main .module > .body { width: 89%; }
body#project #bugs ul li { margin: 5px 0 5px 10px; color: #777; margin-bottom: 10px; list-style: square; }

/* Questions and answers */
body#project input, body#project textarea, body#project input[type='submit'] { float: none; }
body#project .contains_questions .body h3 { font-size: 1.2em; font-weight: normal; float: none; margin-bottom: 10px; }
body#project .contains_questions .body h3 strong { font-weight: normal; color: #949494; }
body#project ul.answers > li { float: left; width: 100%; border-bottom: 0px dashed #d7d7d7; padding: 10px 0; }
body#project ul.answers > li:last-child { border: 0; }

body#project .show_when_editing { display: none; }
body#project .blur { color: #888; }
body#project textarea { height: 60px; }
body#project textarea, body#project input[type='text'] { font-family: sans-serif; }
body#project ul.answers textarea.blur { height: 1.2em; }
body#project .questions > li { float: left; width: 100%; margin: 10px 0 30px; }

body#project .bug_answer_title { font-size: 1.1em; padding-bottom: 3px; margin-bottom: 3px; }
body#project form.answer_question { float: left; width: 85%; padding: 4px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 20px; }
body#project form.active {  background-color: #ffc; }
body#project form.active .show_when_editing { display: block; }
body#project form.active a.collapse_answer_form { padding: 3px; margin: 10px 0 0 0; font-size: .9em;}

body#project form.active input[type='submit'] { margin-bottom: 5px;}
body#project form.is_edit_form { display: none; }

body#project .input-note { clear: both; float: right; width: 100%; font-size: .9em; color: #686868; }
body#project .input-note .tips { float: right; width: 70%; font-size: .9em; color: #686868; }
body#project .input-note p { margin: 3px 0 6px;  }
body#project .input-note li { list-style: circle; margin: 3px 0 3px 20px ! important; }

body#project .input-note ul.sections li { float: left; margin: 0 10px 0 0 ! important; list-style: none; width: 48%; }
body#project .input-note ul.sections li:last-child { margin-right: 0 ! important; }
body#project .input-note p.example { color: #555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 5px; background-color: #ffffd9; border: 1px solid #ffceb4; }

body#project label { margin: 6px 0 3px 0; display: block; }


body#project .questions li form.delete { display: inline; }
body#project .questions li form.delete input[type='submit'] { padding: 0; background: none; font: inherit; border: 0; font-size: 1em; display: inline; color: #FF6D3D;}
body#project .questions li form.delete input[type='submit']:hover { cursor:hand; cursor:pointer; text-decoration: underline;}
body#project .questions li a.edit_link { }
body#project .questions li .answer{float: left; width: 75%;}
body#project .voting { float: right; width: 8%; margin-right: 2%; text-align: center; }
body#project .voting .score { color: #444; font-size: .8em; margin-bottom: 3px; width: 100%;  }
body#project form.is_edit_form { display: none; }

body#project .project_icon { float: left; height: 64px; margin-right: 10px; width: 64px; background-position: center; background-repeat: no-repeat; }
body#project .project_icon .alt-text { position: absolute; left: -999px; } /* So that screen readers will read this. */

body#project #other-questions { display: block; margin-bottom: 10px; }
body#project li:target { background-color: #ffd; }
body#project .quotemark { color: #555; }

body#project .actionlink {float: right; font-weight: normal; margin-right: 10px}

body#project #wannahelp { width: 101% ! important; padding: 0; background: transparent; }
body#project #wanna_help_thanks_tipsy_closer {float: right;}
body#project #wannahelp-button { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 20px; color: #444; float: right; border: 3px solid #fff; white-space: normal; font-family: Helvetica, sans-serif; width: 100%; font-weight: normal; cursor: pointer; cursor: hand; text-align: center; text-shadow: 0px 1px 0px #fff; background-color: #c8e29d; background-repeat: repeat-x; background-position: top; font-size: 13pt; }
body#project #wannahelp-button:active { background-position: bottom;}
body#project #wannahelp-button:hover, body#project #wannahelp-button:focus { text-decoration: none; color: #222; }

body#project #message_for_helpers input[type='image'] { font-size: 0.85em; font-family: Helvetica, sans-serif; float: right; border: 0; color: #555; padding: 5px; position: relative; left: 15px; top: -5px; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
body#project #message_for_helpers input[type='image']:hover { background-color: #d3d3d3; }
body#project #next_steps { display: block; text-align: right; margin-top: 1em; }

body#project .next_steps_for_helpers { width: 100% ! important; }
body#project .next_steps_for_helpers h3 { color: #222; text-shadow: 0 1px 0 #fff; }
body#project .next_steps_for_helpers .body { width: 95.8%; }
body#project .next_steps_for_helpers #show { display: none; }

body#project .next_steps_for_helpers.contains_just_the_head.expanded { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-radius-bottomleft: 0; border-radius-bottomright: 0; position: relative; padding-bottom: 0; top: 15px; float: right; width: 250px ! important; margin-top: 10px; }
body#project .next_steps_for_helpers.contains_just_the_head { margin-top: 15px; left: -5px; }
body#project .next_steps_for_helpers.contains_just_the_head h3 { padding-bottom: 0; }
body#project .next_steps_for_helpers.collapsed.contains_just_the_head { padding-bottom: 8px; top: 0; float: right; width: 250px ! important; }
body#project .next_steps_for_helpers.collapsed.contains_just_the_body { display: none; }
body#project .next_steps_for_helpers.collapsed #show { display: inline; }
body#project .next_steps_for_helpers.collapsed #hide { display: none; }

body#project .next_steps_for_helpers li { text-indent: -1em; width: 25%; float: left; margin-right: 5%; font-size: 1.3em; }

body#project #copypastebox { display: none; }

body#edit_project #control_descriptions p { margin-top: 0; }
body#edit_project #control_descriptions th, 
body#edit_project #control_descriptions td { border-spacing: 0; padding: 10px 20px 5px 0; vertical-align: top; border-top: 1px dashed #ccc; }
body#edit_project #control_descriptions th { border-top: 0; text-align: left; }
body#edit_project #control_descriptions td p { margin: 0; }


body#edit_project .tab_nav { float: left; width: 100%; border-bottom: 1px dashed #b4b4b4; }
body#edit_project .tab_nav li.ui-tabs-selected { font-weight: bold; }
body#edit_project .tab_nav li { height: 25px; float: left; color: #555; background-position: center 20px; padding-bottom: 10px; padding-right: 1.5%;  }
body#edit_project .tab_nav li:last-child { margin-right: 0; border-right: 0; }
body#edit_project .tab_nav li a { font-size: 1.2em; line-height: 1.2em; display: block; margin-bottom: .3em; }
body#edit_project .tab { float: left; width: 100%; padding-top: 10px; }

body#project span { word-wrap: break-word;}

body#project .wannahelper_checkboxes {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 5px;
}

body#project .people-list li {
    width: 90%;
    margin-bottom: 0;
}

body#project .people-list li.wannahelper_checkbox_item {
    padding-top: 9px;
    width: 8%;
    display: inline;
}
body#project .people-list li.contacted_on {
    width: 100%;
    color: #666;
    margin-top: 0;
    margin-bottom: 3px;
}

body#project .tab_nav li, body#project .tab_nav h3 {
    display: inline;
    clear: none;
    padding-bottom: 5px;
    }
body#project .tab_nav .ui-state-active h3 {
    background: white;
    }
body#bugset_create #button-container {
    display: inline;
    float: right;
}
body#landing #subscription-email {
    display: block;
}

body.auth form { width: 100%; float: left; }
body.auth form p, .form-row, form li { float: left; width: 90%; margin: 5px 0 10px 0; list-style: none; }
body.auth label { float: left; text-align: right; width: 30%; padding-right: 10px; padding-top: 13px; }
body.auth input[type='text'],
body.auth input[type='file'],
body.auth input[type='password'] { padding: 8px; float: left; width: 60%; }
body.auth input[type='file'] { margin: 10px 0; width: 200px; }
body.auth input[type='submit'] { margin-left: 30%; position: relative; left: 10px; float: left; }
body.auth #login .text, #signup .text { font-size: .7em; width: 100px; margin-right: 6px; }
body.auth #login .button, #signup .button { font-size: .7em; margin: -17px 6px 0 0; }
body.auth input[type='checkbox'] { position: relative; top: 10px; }
body.auth .foot input[type='submit'] { float: right; left: 0; }
.login-links {float: right; width: 300px; padding: 16px; padding-bottom: 16px; border-radius: 8px; -moz-border-radius: 8px; background-color: #f4f4f4;}

body#signup_with_password .module { margin: 0 305px; width: 350px; }
body#signup_with_password input { float: none; display: block;width: 90% }
.help_text { font-size: .85em;}
p.example { clear: left; }

body.settings,body.missions .submodule.skinny { padding: 0 ! important; border: 0; background-color: transparent ! important; }
body.settings,body.missions .submodule.skinny .body { padding: 0 ! important; background-color: transparent ! important; }
body.settings,body.missions .submodule.skinny ul li { font-size: 11pt; }
body.settings,body.missions #main .submodule .body { background-color: #fff; padding: 3% 5%; }
.default {
    background: #292929;
    border: 1px solid #111; 
    border-radius: 5px; 
    overflow: hidden;
    width: 20%;
    box-shadow: 0 0 5px #333;               
}
.default div {
    background-color: #FF6D3D;
    width: 0%
}

div.message {
    background-color: #000;
    width: 100%;
}

#notification {
	display: none;
}

.clearbutton {
	float: right;
	display: inline;
}

#widget-settings textarea { width: 500px; font: 8pt monospace; height: 300px; }
#widget-settings #widget-instructions { margin-left: 30px; margin-top: 10px; float: left; width: 240px; padding: 21px; background-color: #ffc; }
#widget-settings xmp { white-space: normal; margin-bottom: 0; }
#widget-settings .submodule p { padding: 5px; margin: 0; }

h1#qunit-header { padding: 15px; font-size: large; background-color: #06b; color: white; font-family: 'trebuchet ms', verdana, arial; margin: 0; }
h1#qunit-header a { color: white; }

h2#qunit-banner { height: 2em; border-bottom: 1px solid white; background-color: #eee; margin: 0; font-family: 'trebuchet ms', verdana, arial; }
h2#qunit-banner.pass { background-color: green; }
h2#qunit-banner.fail { background-color: red; }

h2#qunit-userAgent { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal; font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; }

div#qunit-testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; font-family: 'trebuchet ms', verdana, arial; margin: 0; font-size: 10pt; }

ol#qunit-tests { font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; }
ol#qunit-tests li strong { cursor:pointer; }
ol#qunit-tests .pass { color: green; } 
ol#qunit-tests .fail { color: red; } 

p#qunit-testresult { margin-left: 1em; font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; }

body#profile #bio { margin: 0; padding: 0 0 10px 0; }
body#profile #tags-links li { list-style: square outside; margin: 0 0 0 15px; }
body#profile #nameplate { float: left; width: 940px; margin-top: 20px; padding: 3px; }
	body#profile #nameplate h1 { font-weight: bold; font-size: 15pt; text-shadow: 0 1px 0 #fff; }
		body#profile #nameplate h1 a { color: #000; }
	body#profile #nameplate h1, #nameplate #sep, #nameplate h2 { font-size: 19pt; font-weight: normal; margin-right: 10px; }
	body#profile #nameplate #sep { font-weight: bold; color: #ddd; display: none; }
	body#profile #nameplate h2 { font-size: 13pt; font-weight: normal; color: #777; }
	body#profile #nameplate ul { margin: 0; padding: 0; }
	body#profile #nameplate li { list-style: none; float: left; margin-left: 25px; }
		body#profile #nameplate li a { font-size: 13pt; text-decoration: none; color: #999; }
			body#profile #nameplate li a:hover { color: #666; text-decoration: underline; }
	body#profile #nameplate .name { float: left; }
	body#profile #nameplate h1 a { color: #ff6d3d; }
	body#profile #nameplate .edit { float: left; width: 20px; margin-left: 5px; }
	body#profile #nameplate .name-edit-link { float: left; padding: 10px 0; margin-right: 10px; }
	body#profile #nameplate input[type='text'] { width: 160px; float: left; }
	body#profile #nameplate form,
body#profile #nameplate form .section,
body#profile #nameplate form h3 { width: 280px; }
	body#profile #editsettings { padding: 3px; }
	body#profile #nameplate form h3 {  }
	body#profile #nameplate form h4 { padding: 8px 0; }
	body#profile #nameplate .another-identifier { float: right; margin-left: 20px; margin-bottom: 10px; clear: right; }
	body#profile #nameplate .notification { margin: 0; float: left; width: 200px; }
	body#profile #left .notification p {font-size: .9em; padding-top: 0; margin-top: 5px}
	body#profile #left .notification {padding: 0px;}
body#profile #left .notification a{ font-weight: bold;  }
body#profile #left .notification { width: 82%; padding: 8px; padding-bottom: 0; margin: 10px;}
body#profile #left .module .body.has_notification { border: 0; padding: 0; width: 99% }
body#profile #avatar { border: 4px solid rgba(255, 0, 0, 0); padding: 0; background-color: rgba(255, 0, 0, 0)}
body#profile #avatar img, #avatar .default_image { float: left; margin: 10px 20px; width: 260px;}
body#profile #avatar.edit { width: 180px; padding: 10px; background-color: #f5f5f5; }
#avatar .notification { color: inherit; font-size: 1.2em; text-align: center; margin: 0; font-weight: bold; padding: 16px 8px ! important; margin-left: 70px; width: 100px;}
#avatar a:hover { text-decoration: none; }

#avatar .default_image { float: left; height: 257px;}
	
body#profile #info textarea { width: 145px; }
body#profile #info .body, body#profile #contact_blurb .body { width: 89%; }
body#profile #contact_blurb p { margin: 0 0 10px 0; }
body#profile #contact_blurb p:last-child { margin: 0; }
body#profile #info h4 { width: 100%; float: left; }
body#profile .change-photo-link { background: #f4f4f4; padding: 10px; float: left; width: 182px; border-top: 5px solid #fff; }
body#profile #info .save-button { margin-top: 10px; }

body#profile.two_columns .module > .body { width: 97%; padding: 10px; }


/*body#profile #info .tags { float: left; width: 158px; margin-bottom: 15px; } */
body#profile #info .tags:last-child { margin-bottom: 0; }

/* Edit info profile page*/
#edit_info ul.example li {float: none}
#edit_info .form-row ul.example li { color:#888888; font-size:8pt; list-style: circle; margin: 5px 0 0 20px; }
#edit_info p.why { display:inline-block; }
#edit_info h3 { font-weight:bold; }

body#profile .archived { display: none; }

ul.nudgebuttons li { margin-bottom: 5px;  }
ul.nudgebuttons li:last-child { margin-bottom: 0; }
ul.nudgebuttons a .notification, .notification { background: rgba(250, 255, 170, .8); }
ul.nudgebuttons a:hover { text-decoration: none; }
ul.nudgebuttons a:hover .notification, .notification:hover { background: #faffaa;}
ul.nudgebuttons a { width: 93%; }
ul.nudgebuttons a:hover strong { text-decoration: underline;  }
ul.nudgebuttons strong { color: #FF6D3D; font-size: 1.7em; text-shadow: 0 1px 0 rgb(200, 200, 200, .5); width: 100%; display: block; }
ul.nudgebuttons .smaller strong { font-size: 1.2em; }
ul.nudgebuttons a .notification.smaller {  color: #333; }
ul.nudgebuttons a .notification.smaller .more-text { font-size: .95em; }
body#landing ul.nudgebuttons a { float: left; }
body#landing ul.nudgebuttons a:hover { text-decoration: none; }
body#landing ul.nudgebuttons a .notification { margin: 0; }
ul.nudgebuttons a .notification.smaller strong { font-size: 1.2em; }

body#edit_profile_info_form #contact_blurb:target label { background-color: #faffaa; float: none; }

body div.photo-wide { width: 64%;}

body#profile .project-display { float: left; margin-right: 0; width: 705px; }
body#profile .project-display p { margin: 0; margin-bottom: 10px; }
body#profile .project-display h2 { font-size: 9pt; margin: 0; margin-bottom: 3px; }
body#profile .project-display h5 { font-size: 12pt; margin: 0; margin-bottom: 10px; font-weight: normal; }

/* Styling for django form output. */
body#profile .project-display input[type='text'], .project-display textarea { float: left; width: 330px; }
body#profile .module > .body .project-display ul { float: left; }

/*--------------*
 |   IMPORTER   |
 *--------------*/
body#profile #importer { overflow: hidden; height: 40px; background-color: #798189; background-position: top right; background-repeat: no-repeat; margin-bottom: 20px; padding: 20px; width: 865px; }
body#profile #importer.expanded { overflow: visible; height: auto; }
body#profile #importer .head { width: 865px; }
body#profile #importer .howto { float: left; margin-right: 20px; width: 350px; }
body#profile #importer input[type='text'] { font-size: 15pt; width: 425px; }
    body#profile #importer input[type='text'].blur { color: #999; }
body#profile #importer .query { float: right; margin-bottom: 5px; }
    body#profile #importer #query_0 { margin-top: 130px; }
body#profile #importer p { float: left; color: #f4f4ff; margin-top: 40px; }
    body#profile #importer p a { color: pink; font-weight: bold; }
body#profile #main #importer .body { padding: 10px; background-color: transparent; }
body#profile #importer input[type='submit'] { display: none; float: left; padding: 4px 8px; }
    body#profile #importer.expanded input[type='submit'] { display: block; }
body#profile #importer-form-footer { margin-top: 0; float: right; width: 441px; } 
body#profile #progressbar { display: none; float: right; margin-top: 4px; margin-left: 12px; height: 22px; width: 300px; }

/*----------------------*
 |   PORTFOLIO ENTRIES  |
 *----------------------*/
body#profile #portfolio.editor h4 { font-size: 1.25em; font-weight: normal; margin-bottom: 10px; width: 900px; float: none; }
body#profile #portfolio.editor .apologies { font-size: 17pt; padding: 20px 115px; width: 670px; text-align: center; }
body#profile #portfolio.editor .apologies p { margin-top: 0; }
body#profile #portfolio h5 { color: #555; font-size: 13pt; font-weight: normal; margin: 0 0 10px 0; }
body#profile #portfolio .module-head a.add-edit-projects { float: right; }
body#profile .portfolio_entry { margin-bottom: 20px; }
body#profile #portfolio.editor .portfolio_entry { position: relative; width: 100%; }
body#profile #portfolio.editor .portfolio_entry.unpublished .submodule, 
    body#profile #portfolio.editor .portfolio_entry.unpublished > .actions,
    body#profile #portfolio.editor .portfolio_entry.unsaved .submodule,
    body#profile #portfolio.editor .portfolio_entry.unsaved > .actions { border-color: #fcff88; } /* Yellow border around unpubbed and unsaved pf entries.*/
        body#profile .portfolio_entry.unpublished .project_name { font-weight: bold; }
        body#profile .portfolio_entry .project-stuff input.project_name { width: 230px; }
        body#profile .portfolio_entry .project-stuff input.project_name.blur { color: #777; }
body#profile #portfolio.editor .portfolio_entry > .actions { font-size: 8pt; background-color: #f4f4f4; border: 4px solid #e9e9e9; border-radius: 8px; border-radius-bottomleft: 0; border-radius-topleft: 0; border-left: 0; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; position: relative; width: 85px; }
body#profile .portfolio_entry > .actions a { color: #242424; }
body#profile .portfolio_entry > .actions span { color: #747474; }
body#profile .portfolio_entry > .actions a,
    body#profile .portfolio_entry > .actions span { background-position: 5px; background-repeat: no-repeat; float: left; padding: 10%; padding-left: 35%; width: 55%; }
body#profile .portfolio_entry > .actions a:hover { background-color: #e9e9e9; }
body#profile .portfolio_entry > .actions li.save_and_publish_button *,
body#profile .portfolio_entry > .submodule { margin-right: 0; margin-bottom: 0;  }
body#profile.view_mode .portfolio_entry > .submodule { border-width: 2px; margin-left: 10px; }
body#profile #portfolio.editor .portfolio_entry > .submodule { margin-bottom: 0; width: 770px; }
body#profile .portfolio_entry .project-stuff { padding: 0 10px; float: left; width: 250px; }
body#profile .portfolio_entry .personal-stuff { border-left: 1px solid #eee; padding: 10px 20px; margin-left: 280px; }
body#profile .portfolio_entry .project_icon { float: left; height: 64px; margin-right: 10px; width: 64px; background-position: center; background-repeat: no-repeat; }
body#profile .portfolio_entry .project_icon .alt-text { position: absolute; left: -999px; } /* So that screen readers will read this. */
body#profile .portfolio_entry .name_and_icon_flagger { float: left; width: 100%; }
body#profile #portfolio.editor .portfolio_entry .name_and_icon_flagger { }
body#profile .portfolio_entry .project_name { float: left; font-size: 20px; padding: 15px 0; width: 60%; }
body#profile .portfolio_entry .icon_flagger { float: left; font-size: 9pt; }
body#profile .portfolio_entry .project_description-wrapper { width: 96%; margin-top: 30px; }
body#profile .portfolio_entry .project_description { width: 100%; }
body#profile .portfolio_entry .experience_description { width: 96%; }
body#profile .portfolio_entry .citations { float: left; width: 100%; }
body#profile .portfolio_entry .citations-wrapper { margin-bottom: 15px; }
body#profile .portfolio_entry .involvement_placeholder { margin-top: 5px; font-size: .9em; display: none; }
body#profile .portfolio_entry.adding .involvement_placeholder { margin-bottom: 10px; display: block; }
body#profile .portfolio_entry.adding .add { display: none; } /* Don't display 'Add a page' until pfentry has been added. */
body#profile .portfolio_entry label { color: #777; font-size: 10pt; margin: 0 0 2px 0; padding: 0; width: 100%; }
body#profile .portfolio_entry .citation-forms label { font-weight: bold; }
body#profile .portfolio_entry .experience_description-wrapper { width: 100%; }
body#profile .portfolio_entry textarea { font-size: 9pt; font-family: sans-serif; }
body#profile .portfolio_entry .project_description-wrapper textarea { height: 40px; }
body#profile .portfolio_entry .experience_description-wrapper textarea { height: 80px; }
body#profile .citations > li { color: #777; float: left; list-style: circle; margin-left: 20px; margin-top: 5px; width: 90%; }
body#profile .citations li .actions { float: right; width: 30px; }
body#profile .citations li .actions a { background-position: center; background-repeat: no-repeat; float: left; height: 15px; width: 15px; }
body#profile .citations li .actions a.delete:hover { background-color: #c9c9c9; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
body#profile .citations li .summary { color: #222; }
body#profile .citations-wrapper, .involvement_placeholder { float: left; width: 100%; }
body#profile .citations li.unpublished .summary { background-color: #ffc; }
body#profile .citations li.deleted .summary { background-color: pink; }
body#profile .citations li.to_be_deleted a { text-decoration: line-through; }
body#profile .citations-wrapper .add { background-color: #c9c9c9; background-color: lightblue; border-radius: 6px; clear: left; color: #444; float: left; font-size: 8pt; font-weight: bold; margin-right: 10px; margin-top: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 6px; }
body#profile .citations-wrapper .add:hover { color: #000; text-decoration: none; }
body#profile .error-message { color: pink; font-weight: bold; }
body#profile .citations-wrapper .howto { color: #111; }
body#profile #main .citations-wrapper .howto .body { float: none ! important; }
body#profile .citations li a { }
body#profile .citations-wrapper .howto, .citations-wrapper .show_howto { background-color: #ffa; border: 1px solid yellow; border-radius: 6px; float: right; font-size: 8pt; margin-top: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 12px; width: 200px; }
body#profile .citations-wrapper .howto ul { list-style: square; margin-bottom: .5em; }
body#profile .citations-wrapper .howto li { margin-left: 1.5em; }
body#profile .citations-wrapper .howto p { margin-top: 0; margin-bottom: .5em; }
body#profile .citations-wrapper .howto .hide_me { float: right; margin-left: 3px; padding: 5px; }
body#profile .citations-wrapper .show_howto { display: none; padding: 6px; width: auto; }
body#profile .citation-forms label { margin-top: 10px; }
body#profile .citation-forms input[type='text'] { width: 270px; }
body#profile .citation-forms input[type='submit'] { font-size: 11pt; padding: 3px; width: 60px; }
body#profile .citation-forms li form > div { float: left; width: 350px; }
body#profile .portfolio_entry .actions .save_and_publish_button { display: none; }
body#profile .portfolio_entry.unpublished .actions .save_and_publish_button { display: block; }
body#profile .portfolio_entry.unpublished .actions .portfolio_entry_is_published { display: none; }
body#profile .portfolio_entry .actions .save_and_publish_button { display: none; }
body#profile .portfolio_entry.unpublished .actions .save_and_publish_button { display: block; }
body#profile .portfolio_entry .actions .save_button { display: none; }
body#profile .portfolio_entry.unsaved .actions .save_button { display: block; }
body#profile .portfolio_entry.unsaved.unpublished .actions .save_button { display: none; }
body#profile .portfolio_entry.unpublished > .actions > .portfolio_entry_is_saved,
body#profile .portfolio_entry.unsaved > .actions > .portfolio_entry_is_saved { display: none; }
body#profile .portfolio_entry .actions .portfolio_entry_is_unpublished { display: none; }
body#profile .portfolio_entry.unpublished .actions .portfolio_entry_is_unpublished { display: block; font-weight: bold; left: -22px; position: relative; }
body#profile #portfolio.viewer .portfolio_entry .submodule { background-color: #fff; background-repeat: repeat-y; }
body#profile #portfolio .post_editor_buttons { padding: 5px; margin-top: 5px; margin-right: 30px; float: right; }
body#profile #portfolio #save_all_projects { display: none; float: right; }

body#profile #main .submodule .other-contributors { float: left; margin-top: 20px; font-size: 8pt; }
body#profile #main .submodule .other-contributors label { text-transform: none; }
body#profile #main .submodule .other-contributors li { float: left; margin-right: 2%; margin-top: 5px; width: 120px; }
body#profile #main .submodule .other-contributors li a { float: left; width: 120px; height: 51px; overflow: hidden; }
body#profile #main .submodule .other-contributors li a:hover { text-decoration: none; }
body#profile #main .submodule .other-contributors li a:hover span.fullname { text-decoration: underline; }
body#profile #main .submodule .other-contributors li img { float: left; margin-right: 5px; vertical-align: middle; width: 40px; }
body#profile #main .submodule .other-contributors .see-all { clear: left; margin-top: 5px; float: right; }
body#profile #projects_to_be_reordered { float: left; width: 100%; font-size: 17px; }
body#profile #projects_to_be_reordered li { font-size: 13pt; margin-bottom: 5px; cursor: move; padding-left: 45px; background-image: url(/static/images/drag.png); background-repeat: no-repeat; background-position: 3px center; }
body#profile #projects_to_be_reordered li.fold { padding: 3px 3px 3px 45px; font-size: 11pt; background-color: #eee; color: #777; font-weight: normal; }
body#profile #done_reordering { margin-top: 10px; padding: 5px; }
body#profile #reorder_projects_wrapper { display: none; }

body#profile .add_a_record input[type='submit'] { height: 2.1em; float: left; }

/* vim: set nu nowrap: */


body#people-map input[type="submit"]{ float:left; padding: 5px; position: relative; top: -1px; }
body#people-map .map-error{background: #ffc; float: left; padding: 9px 2%; width: 36%; display: none}
body#people-map #map_canvas{ text-align:center; float: right; width:68%; height:460px; }
body#people-map #map_loading_msg{margin-left:20%; margin-top:150px; width:60%; background-color:#fff; padding:8px; }
body#people-map #map_loading_msg img{height:2.5em; }
body#people-map #map_loading_msg span{font-size:2.5em; margin-left:10px; }
body#people-map .view-links{float:left; width:33%; }
body#people-map .view-links ul li{display:inline; margin-right:10px; margin-bottom:10px; float:left; font-size:1.3em; }
body#people-map .left{float:left; width:51px; }
body#people-map .profile-link:hover {text-decoration:none; color:#000; }
body#people-map .profile-link{ border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background-color:#ddf; color:#555; padding:4px 8px; border:2px solid #fff; font-size: .85em; float:right; margin-left:4px; }
#big-people-list ul,#big-people-list .people-list-map{float:left; }
.people-list a:hover {text-decoration: none; }
.people-list li > a{float: left; width: 100%; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom:3px; width:94%; padding:8px; }

/* Special functionality for people map. */
body#people-map .people-list li { float: left; width: 100%; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom:3px; width:94%; padding:8px; }
body#people-map .people-list li:hover { background:#ffc; }
body#people-map .people-list li a:focus { text-decoration: none; background:#ffc; }
body#people-map #people-search { width: 100%; }
.people-list li > a:hover { background:#ffc; }
.people-list li.highlighted { background:#ffa !important; }
.people-list li.highlighted .and_more { display: none; }
.people-list li.highlighted .collapsible { display: inline; }
.people-list li.highlighted .name{text-shadow:0 1px 0 #fff; }
.people-list .people-list-column{width:32%; float:left; border-left:1px dashed #dfdfdf; padding-left:15px; }
.people-list .people-list-column:first-child {border-left:none; padding-left:0; }
.people-list li{ width: 100%; list-style:none; display:block; float:left; }
.people-list li img{font-size:51px; vertical-align:top; float:left; margin-right:10px; margin-bottom:5px; }
.people-list li .name{display:block; font-size:1.1em; margin-bottom:2px; font-weight:700; }
.people-list li .people-view-tags{display:block; font-size:.9em; color:#666; }
.people-list li .location{display:block; color:#666; font-size:.9em; margin-bottom:3px; }
.people-list li .people-view-projects{display:block; color:#666; font-size:.9em; margin-bottom:3px; }
.people-list li .people-view-info{float:left; width:185px; overflow-x: hidden; }
body#people-map .people-list.people-list-map {list-style:square; overflow:auto; height:460px; width:31.5%; }
.people-list.people-list-map li{cursor:hand; cursor: pointer; }
body#people-map #map-zoom,.view-links ul{margin:0; padding:0; }

body#people-map .people-list li { width: 90%; }
body#people-map #search { float: left; width: 100%; }

/* Field */
body#people-map #search .field { float: left; margin-right: 5px; }
body#people-map #search .field.keyword { width: 60%; }
body#people-map #search .field.location { width: 27%; }
body#people-map #search .field.location input { width: 94%; }

body#people-map #search label { float: left; width: 100%; margin-bottom: 3px; }
body#people-map #search input[type='text'] { width: 97%; }
body#people-map #search a { }

/* Suggestions */
body#people-map .suggestions { width: 100%; margin-top: 10px; margin-bottom: 10px; }
body#people-map .suggestions > li { float: left;  width: 47%; }
body#people-map .suggestions > li:first-child { margin-right: 3%; }
body#people-map .suggestions > li ul { float: left; width: 50%;}
body#people-map .suggestions > li li { list-style: disc; font-weight: bold; margin-left: 1em; font-size: 1.2em; color: #ccc;}
body#people-map .suggestions > li li a { text-decoration: none; }
body#people-map .suggestions > li li a:hover .this_part_gets_underlined { text-decoration: underline; }
body#people-map .suggestions > li li small { font-weight: normal; font-size: .8em; color: #888; }
body#people-map .introduce_suggestions { float: left; width: 100%; }

body#people-map #search_summary, body#people-map #search_modules > div { padding: 8px 0;  float: left; margin-top: 5px; }
body#people-map #search_summary { width: 100%; padding: 10px 0; font-size: 1.0em; } 

/* Refine your search */
body#people-map #refine_search {  margin: 10px 10px 0 0; padding: 1.5%; }
body#people-map .greybox { padding: 8px; float: left; background-color: #ececec; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #e2e2e2; }
body#people-map #refine_search h3 { padding: 0; margin-bottom: 10px; }
body#people-map #refine_search .filter_conjunction { }
body#people-map #refine_search .filter_conjunction > li { list-style: none; float: left; width: 300px; }
body#people-map #refine_search .filter_conjunction > li:last-child { margin-bottom: 0; }
body#people-map #refine_search .filter_conjunction li li { list-style: circle; margin-left: 20px; float: left; }

body#people-map #search_modules li { list-style: disc; margin-left: 22px;float: left; width: 87%; padding: 2px 0; color: #555; }
body#people-map #related_queries { padding: 15px 0; }
body#people-map #refine_search .filter_disjunction > li { width: 90%; }
body#people-map #refine_search .filter_disjunction > li.initially_hidden { display: none; }
body#people-map #refine_search .term { float: left; font-size: .85em; padding: 3px 0; font-weight: bold; width: 90%;}
body#people-map .logical-operator { font-variant: small-caps; }
body#people-map .people-list { width: 33%; }
body#people-map .people-list .people-list-column { padding: 10px; width:45%; }
body#people-map .people-list li .what_matched_the_search { font-size: .9em; font-weight: normal; color: #333; }
.people-list li .username { font-size: .9em; color: #333; font-weight: normal; }
body#people-map #project_yeller { float: left; width: 225px; padding: 15px; margin-top: 10px; background-color: #ececec; border: 1px solid #e2e2e2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
body#people-map .dont_show_until_map_loads{ display: none; }

/* Toggle */
#toggle_related_searches { margin-left: 10px; }

/* should_be_hidden */
body#people-map .should_be_hidden { display: none; }

body#people-map #search_summary_heading { font-size: 1.6em; float: left; width: 100%; }
body#people-map #summary_of_mapped_people { margin-top: 3px; font-size: .9em; float: left; }
body#people-map #refine_search.matching_project_suggestions { float: left; width: 50%; }
body#people-map #refine_search.matching_project_suggestions li { float: left; width: 100%; }
body#people-map ul#all_matching_project_suggestions { list-style: circle; margin-left: 20px; float: none; display: none; }
body#people-map.no_results ul#all_matching_project_suggestions { display: block; }

body#people-map.no_results #a_few_matching_project_suggestions { display: none; }
body#people-map .matching_project_suggestions { margin-top: 10px; }

body#people-map #thinking { display: none; margin-right: 1em; padding: 0 2px; background-color: #ffa; position: relative; top: -.2em; font-size: .6em; }

.tipsy { padding: 5px; font-size: 9pt; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat;  background-image: url(/static/images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner .left { font-size: 1.05em; text-align: left; display: block; padding: 15px; }
  .tipsy-inner { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

#facebox .b {
  background:url(/static/images/facebox/b.png);
}

#facebox .tl {
  background:url(/static/images/facebox/fbx-border-sprite.png) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(/static/images/facebox/fbx-border-sprite.png) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(/static/images/facebox/fbx-border-sprite.png) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(/static/images/facebox/fbx-border-sprite.png) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#close_facebox {
    margin-top: 5px;
    float: right;
    padding: 2px;
}

body.missions .successmsg {
  background-color: #e4ffc0;
  margin: 10px 0px;
  padding: 5px 10px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

body.missions div.body > * {
  float: left;
  width: 100%;
}

/* Don't let the above rule force code markup and hyperlinks to be floated left. */
body.missions div.body code {
  float: none;
}
body.missions div.body a {
  float: none;
}

body.missions p.next_mission_link {
    width: 100%;
}

body.missions .file-upload-row {
  width: 100%
}

body.missions .file-upload {
  margin-top: 5px;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  background: #F9F9F9
}

body.missions .file-upload input[type="file"] {
  padding: 0;
  font-size: 100%
}
.tick-progress {
  list-style-image: url("/static/images/tick.png");
  margin-left: 30px;
}
.cross-progress {
  list-style-image: url("/static/images/no-tick.png");
  margin-left: 30px;
}
body.missions .bump-over {
  margin-left: 30px;
}
body.missions .submodule.skinny ul li a{
  vertical-align: 3px;
}

body.missions .mission-help {
    padding: 3px;
    padding-right: 7px;
    background-color: yellow;
}

body#missions_index div.body h2 {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    clear: both;
}

body#missions_index .submodule {
    width: 21%;
    margin-right: 12px;
}

body#missions_index .submodule h3 {
    text-align: center;
    border-bottom: 1px solid;
    float: none;
}

body#missions_index .submodule h3.uncompleted {
    color: black;
}

body#missions_index .submodule .go_to_it {
    text-align: right;
    float: right;
}

body#missions_index .submodule .status {
    float: left;
    text-align: center;
    width: 80%;
}

/* When there are hints for training missions, the "low" hint sometimes needs help laying out its child elements properly. */
#low {
    clear: both;
}

body.missions .code {
    padding: 9.5px;
    margin: 0px 0px 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

body.missions .kbd {
    padding: 2px 4px;
    white-space: nowrap;
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
}

body.missions .snippet {
    padding: 9.5px;
    margin: 0px 0px 10px;
    font-size: 13px;
    line-height: 10px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}


@import url("ui.core.css");
@import url("ui.resizable.css");
@import url("ui.accordion.css");
@import url("ui.dialog.css");
@import url("ui.slider.css");
@import url("ui.tabs.css");
@import url("ui.datepicker.css");
@import url("ui.progressbar.css");



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

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

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

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


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

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

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }
@import url("ui.core.css");
@import url("ui.resizable.css");
@import url("ui.accordion.css");
@import url("ui.dialog.css");
@import url("ui.slider.css");
@import url("ui.tabs.css");
@import url("ui.datepicker.css");
@import url("ui.progressbar.css");

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