/*  ------------------------------------------------------------------------

                           Facebook | Search & Browse

    ------------------------------------------------------------------------  */



#content { padding: 0px }

.ubersearch #content { padding: 0px }

.classmates #content { padding: 30px 0px 0px 0px; }

.advanced   #content { padding: 20px 0px }



/*  ----------------------------|  NAVIGATION  |----------------------------  */



.nav_bar {

  color: #3b5998;

  font-size: 11px;

  font-weight: bold;

  margin: 0px auto;

  padding: 30px 0px 15px 0px;

  text-align: center;

  width: 496px; }



.nav_bar a {

  color: #3b5998;

  font-weight: normal; }



.nav_bar .pipe {

  color: #666;

  font-weight: normal; }



.basic_search .nav_bar { padding: 30px 0px 20px 0px }



/*  ---------------------|  BASIC SEARCH QUERY [OLD]  |---------------------  */



.ubersearch .query { text-align: center; }



.ubersearch .search_field {

  margin: 0px auto;

  width: 500px; }



  .ubersearch .search_field input {

    display: block;

    font-size: 18px;

    margin: 0px;

    width: 500px; }



.ubersearch .controls {

  margin: 0px auto;

  padding-top: 5px;

  text-align: left;

  width: 500px; }



.ubersearch .controls label {

  font-weight: normal;

  padding: 0px; }



.ubersearch .controls span {

  color: gray;

  font-weight: normal; }



.ubersearch form select {

  font-weight: normal;

  font-style: normal; }



.ubersearch option { color: black }



  .ubersearch .query .droplists {

    float: left;

    padding-left: 2px; }



  .ubersearch .query .droplists select { margin-left: 2px; margin-right: 2px }

  .ubersearch .query .droplists #sq { margin-left: 2px; width: 225px; }



  .ubersearch .query .submit_button { float: right }

  .ubersearch .query .submit_button input {

    padding: 2px 0px;

    width: 80px; }

  

  .ubersearch .query .droplists #search_within {

    padding-top: 1px; }



/*  -----------------------------|  RESULTS  |------------------------------  */



.ubersearch #content { padding: 0px }



.ubersearch .search_results { background: #f7f7f7 }



.ubersearch .column { float: left }



.ubersearch .results {

  padding: 10px 10px 5px 10px;

  width: 606px; }



.ubersearch .filters {

  display: none;

  padding: 10px 10px 0px 0px;

  width: 140px; }



.ubersearch .status {

  margin: 0px 0px 5px 0px;

  text-align: center; }



.ubersearch .suggestion {

  background: white;

  border: 1px solid #bbb;

  color: #111;

  font-size: 12px;

  margin: 0px 0px 5px 0px;

  padding: 20px 5px;

  text-align: center; }



.ubersearch .suggestion span {

  color: #111;}



.ubersearch .disclaimer {

  background: white; 

  border: 1px solid #ccc;

  color: gray;

  margin: 0px 0px 5px 0px;

  padding: 50px 30px;

  text-align: center; }



/*  ------------------------------|  RESULT  |------------------------------  */



.ubersearch .result {

  background: white;

  border: 1px solid #ccc;

  padding: 5px 5px 4px 5px;

  margin-bottom: 5px; }



.ubersearch .result .image {

  border-bottom: 1px solid white;

  float: left;

  line-height: 1px;

  padding: 0px 9px 0px 0px;

  text-align: left;

  width: 100px; }



.ubersearch .result .info {

  float: left;

  padding: 0px;

  width: 382px; width: 377px; }



.ubersearch .result .info dl,

.ubersearch .result .info dt,

.ubersearch .result .info dd {

  margin: 0px;

  padding: 0px; }



  .ubersearch .result .info dl { line-height: 15px }



  .ubersearch .result .info dt {

    color: gray;

    clear: both;

    float: left;

    padding: 0px;

    width: 70px; }



  .ubersearch .result .info dd {

    float: right;

    display: inline;

    padding: 0px;

    width: 255px; width: 307px; }



    .ubersearch .result .info dt.matches { padding-top: 0px }



    .ubersearch .result .info dd.aux { margin-left: 70px; }

    .ubersearch .result .info dd.matches { padding-bottom: 5px }

    .ubersearch .result .info dd.matches div { padding: 0px }



.ubersearch .result .info dd.matches span {

  margin: -2px; margin: 0px;

  padding: 2px 0px; padding: 0px 2px 1px 2px; padding: 0px 0px 1px 0px;

  background: #fffbe2; background: #fff8cc;

  border-bottom: solid 1px #ffe222; }



.ubersearch .result .info dd .network_details {

  color: #777; }



.ubersearch .result .actionspro {

  float: right;

  width: 100px; }



/*  ---------------------------|  RESULT TABS  |----------------------------  */



.ubersearch .summary .tabs {

  float: left;

  list-style: none;

  margin: 0px;

  padding: 0px;

  border-left: 1px solid #797688; }



.ubersearch .summary .tabs li {

  border-right: 1px solid #797688;

  float: left;

  margin: 0px;

  padding: 3px 0px 4px 0px; }



.ubersearch .summary .tabs li a {

  border-bottom: 2px solid white;

  padding: 3px 5px 2px 5px;

  font-weight: normal; }



.ubersearch .summary .tabs li.current a {

  border-bottom: 2px solid #6d84b4;

  padding: 3px 5px 3px 5px;

  font-weight: bold; }



.ubersearch .summary .tabs li a:hover {

  background: #ebeff4;

  border-bottom: 1px solid #ebeff4;

  padding-bottom: 3px;

  text-decoration: none }



.ubersearch .summary .tabs li.current a:hover {

  background: none;

  border-bottom: 2px solid #6d84b4;

  color: #3b5998;

  padding: 3px 5px 3px 5px; }



.ubersearch .summary .tabs li.empty {

  padding: 3px 5px 3px 5px;

  color: #ccc; }



.ubersearch .summary .tabs li.empty a:hover {

  background: none;

  border: none; }





/*  -------------------------|  CONTROLS & STATS  |-------------------------  */



.ubersearch .summary {

  font-weight: normal;

  padding: 0px; }



.ubersearch .summary span {

  color: #666;

  font-weight: normal; }



.ubersearch .summary strong {

  display: block;

  font-weight: bold;

  padding: 3px 0px 4px 0px; }



.ubersearch .breakdown {

  margin: 0px 0px 5px;

  padding: 0px; }



.ubersearch .breakdown .explanation {

  color: #666;

  float: left;

  width: 445px; }



.ubersearch .result_types {

  color: #666;

  float: left;

  width: 445px; }



  .ubersearch .result_types strong { font-weight: normal }



.ubersearch .filter_show {

  text-align: right;

  float: left; float: right;

  width: 140px; width: auto; }

  

  .ubersearch .filter_show a {

    padding-right: 15px;

    background: url(/images/filter_show.gif) top right no-repeat; }

  

.ubersearch .filter_clear {

  width: 150px;

  text-align: right;

  padding: 0px 0px 5px; }



  .ubersearch .filter_clear a {

    padding-right: 15px;

    background: url(/images/filter_clear.gif) top right no-repeat; }



  .ubersearch .just_hide a {

    background: url(/images/filter_hide.gif) top right no-repeat; }



/*  --------------------------|  FILTER ACTIVE  |---------------------------  */



.ubersearch .filters_active .filter_show {  }



.ubersearch .filters_active .filters { display: block }



.ubersearch .filters_active .results { width: 446px }



  .ubersearch .filters_active .result .info { width: 218px }

  .ubersearch .filters_active .result .info dt { width: 60px }

  .ubersearch .filters_active .result .info dd { width: 158px }

  .ubersearch .filters_active .result .info dd.aux { margin-left: 60px; }





/*  ------------------------|  FALLBACKS & ERRORS  |------------------------  */



.ubersearch .fallback {

  background: white;

  border: 1px solid #ccc;

  color: #777;

  font-size: 12px;

  line-height: 16px;

  margin: 0px 0px 5px;

  padding: 120px 20px;

  text-align: center; }



  .ubersearch .fallback span { color: #222; }

  .ubersearch .fallback strong { font-weight: normal; }

  .ubersearch .fallback .suggestion {

    border: 0px;

    display: inline;

    margin: 0px;

    padding: 0px; }



.ubersearch .search_error { padding: 60px 50px; }



.ubersearch #error { margin: 0px; }

  



/*  ------------------------|  RESULTS QUERY BAR  |-------------------------  */



.query_bar { border-top: 1px solid #797688; }



.query_bar .query { clear: both; padding: 40px 0px; }



.query_bar .pagerpro { padding-right: 10px }



.query_bar .pagerpro a {

  border-top: 2px solid white;

  padding-top: 1px;

  padding-bottom: 0px; }



.query_bar .pagerpro a:hover {

  border-bottom: 2px solid #3B5998;

  border-top: 2px solid #3B5998; }



.query_bar .pagerpro .current a,

.query_bar .pagerpro .current a:hover {

  border-bottom-color: white;

  border-top: 2px solid #3B5998; }



/*  --------------------------|  ADVANCED SEARCH  |-------------------------  */



.advanced .fields {

  margin: 0px auto; }



.advanced .buttons {

  margin: 20px 0px 10px; 

  text-align: center; }



.advanced .column td {

  padding-right: 20px;

  height: 26px; }



.advanced .column td.label {

  color: #777;

  padding-right: 4px;

  font-weight: bold; }



.advanced .zip_label {

  padding: 0px 4px 0px 8px;

  color: #777;

  font-weight: bold; }



.advanced .column .select {

  width: 154px; }



.advanced_results_bar {

  background: #f7f7f7;

  border-bottom: 1px solid #797688;

  padding: 7px 10px 3px 10px; }



.advanced_results_bar .criteria_label {

  float: left;

  width: 450px; }



.advanced_results_bar .edit_search {

  float: right;

  text-align: right;

  width: 150px; }



.advanced_results_bar .criteria {

  float: left; 

  padding: 1px 2px 0px;

  padding-left: 0px;

  margin-top: 5px; }



.advanced_results_bar .criterion {

  float: left; 

  padding: 3px 5px;

  border: solid 1px #ccc;

  background: white;

  margin-right: 5px;

  margin-bottom: 4px; }



.advanced_results_bar .criteria a {

  margin-top: 4px;

  margin-left: 2px;

  display: block;

  float: left; }



.advanced_results_bar .criterion span {

  color: gray;

  font-weight: bold; }





/*  -----------------------------|  UBER BAR  |-----------------------------  */



.uber_bar {

  background: #f7f7f7;

  border-bottom: 1px solid #797688;

  padding: 5px 10px 5px 10px; }



.uber_bar label {

  color: #666;

  font-size: 11px;

  font-weight: normal; }



.uber_bar select { font-size: 11px; }



.uber_bar .search_query {

  float: left;

  font-size: 11px;

  padding: 1px 5px 0px 0px; }



.uber_bar #q { width: 140px }

.uber_bar #q.inputsearch { width: 140px } /* TODO: Determine widths */



.uber_bar .search_type { padding-right: 5px }



.uber_bar .browse_within {

  color: #666;

  float: left;

  padding: 3px 0px 2px 0px; }



.uber_bar .browse_within select { margin: 0px 2px }



.uber_bar .primary_network {

  color: #666;

  float: left;

  padding: 6px 0px 5px 0px }



.uber_bar .alt_option {

  float: right;

  padding-top: 6px; }



.uber_bar #label_filter_n {

  display: block;

  float: left;

  padding: 5px 5px 0px 0px; }



.uber_bar #search_within {

  float: left; 

  padding-top: 1px; }



.uber_bar #search_within #n_dropdown { width: 176px }



.uber_bar #n_selector {

  float: left;

  padding-top: 1px; }



.uber_bar #n_selector #sq { width: 168px }



.uber_bar .object_members {

  color: #666; 

  padding: 5px 0px }





/*  ---------------------------|  BASIC SEARCH  |---------------------------  */



.ubersearch .basic_search {

  padding: 60px 0px 0px 0px;

  text-align: center; }



.ubersearch .basic_search .basic_bar {

  margin: 0px 40px 10px 40px; }



.ubersearch .basic_search #uq {

  font-size: 18px;

  width: 100%; }



.ubersearch .basic_search .uber_bar {

  background: #f7f7f7;

  border: 1px solid #ddd;

  padding: 10px;

  margin: 0px auto;

  width: 522px; }



.ubersearch .basic_search .bar_header {
	background: #eee;
	color: #333;
	margin: 0px auto;
	padding: 3px 10px;
	text-align: left;
	width: 522px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #797688;
	border-right-color: #797688;
	border-bottom-color: #797688;
	border-left-color: #797688;
}



.ubersearch .basic_search .uber_bar label {

  color: black; } 



.ubersearch .basic_search .key_bar {

  display: none; 

  text-align: center;

  clear: both;

  margin: 0px auto;

  padding-top: 15px; 

  width: 400px; }



.basic_search .key_bar span { color: gray }



.basic_search .key_bar label { color: black; font-weight: normal }



.basic_search .uber_bar #q.inputsearch { width: 160px }



.basic_search .uber_bar #search_within #n_dropdown { width: 181px }



.basic_search #n_selector #sq { width: 173px; }



.basic_search #the_button {

  float: left;

  padding-left: 5px;

  padding-top: 1px; }



.basic_search #the_button input { padding: 2px 4px }



.basic_search .nav_bar { padding-bottom: 40px; }





/*  -----------------|  ALTERNATIVE SEARCH MODULE STYLES  |-----------------  */



.ubersearch .basic_search .uber_bar {

  border: 0px;

  border-bottom: 1px solid #797688; }



.ubersearch .basic_search .bar_header {
	border: 0px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #504E5B;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 2px 10px;
	width: 522px;
	background-color: #797688;
}





/*  -----------------------| BASIC SEARCH OPTIONS  |------------------------  */



.search_options {

  margin: 0px auto;

  padding: 30px 0px 30px 20px;

  width: 542px; }



.search_type {

  border-right: 1px solid #ddd; 

  float: left;

  margin-right: 25px;

  padding: 0px 10px 20px 0px;

  text-align: left;

  width: 158px; }



#advanced_search,

#other_search {

  border: 0px;

  margin-right: 0px;

  padding-right: 0px;

  width: 150px; }



.search_type h2 {

  color: #666; color: #3b5998; 

  font-weight: bold;

  margin: 0px;

  padding-bottom: 2px; }



.search_type p {

  margin: 0px; }



.search_type p a {

  display: block;

  margin-top: 8px; }



.search_type ul {

  color: #3b5998; 

  list-style: square; 

  margin: 0px;

  padding: 8px 0px 0px 15px; }



.search_type li {

  margin: 0px;

  padding: 0px; }





/*  -------------------|  OLD CLASSMATE SEARCH RESULTS  |-------------------  */



.uber_bar .school {

  color: gray;

  float: left; }



.uber_bar .school strong { color: #666; }

.uber_bar .school select { margin-left: 5px }









/*  -------------------------------|  COCO  |-------------------------------  */



#org_selector {

  width: auto; }



.classmate .uber_bar,

.coworker  .uber_bar {

  padding: 6px 10px 5px 12px; }



.classmate .uber_bar .requery,

.coworker  .uber_bar .requery {

  color: #666; 

  padding-top: 1px;

  float: left;

  width: 400px; }



.classmate .uber_bar .requery .current,

.coworker  .uber_bar .requery .current {

  font-weight: bold; font-weight: normal;}



.classmate .uber_bar .inputsearch,

.coworker  .uber_bar .inputsearch {

  display: block; 

  float: right;

  margin-right: 0px;

  width: 160px; }



.classmate .summary,

.coworker  .summary {

  padding: 3px 0px 4px 0px; }



.classmate .summary strong,

.coworker  .summary strong {

  display: inline;

  padding: 0px; }



   

/*  -------------------------|  CLASSMATE SEARCH  |-------------------------  */



.classmate .uber_bar .no_select {

  padding-top: 5px; }



.classmate .uber_bar .requery label {

  color: #444; 

  padding-top: 2px; }



.classmate .uber_bar #college_selector {

  display: inline;

  width: 200px; } 



.classmate .uber_bar #college_year_select {

  margin-left: 6px; 

  display: inline;

  width: 65px; }



.classmate .uber_bar .pipe {

  padding: 0px 4px 0px 6px; }





/*  -------------------------|  COWORKER SEARCH  |--------------------------  */



.uber_bar .requery .current_company {

  padding-top: 4px; }



.uber_bar .requery .current_company strong {

  color: #333; }



.uber_bar .requery label {

  font-weight: normal;

  padding-right: 2px; }





/*  You're talking about making a bigger one.  -----------------------------  */