/* 

SITE COLORS:
Orange: #dB812e; 
Blue: #648BB2;
Link Blue: #63819f;
*/


/* Basics
----------------------------------------------*/
body {font-size: 62.5%}

#container {
  font-size: 1.2em; 
  color: #474747;
  }

body, p, div, td, h1, h2, h3, h4, li {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {margin: 0 0 1em;}
  
img {
  display: block;
  border: 0; 
  }

hr {
  display: none;
  }

#top {display: none;}


/* Layout Rules
----------------------------------------------*/
body {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  background: url(/images/layout/gradient_background.jpg);
  }

#bg_flash_fix {
  margin: 0 auto;
  padding: 0 0px;
  width: 942px;
  background: #4f6e8b;
  }

body.two_columns #bg_flash_fix {
  background: #4f6e8b url(/images/layout/2col_bg2.png) repeat-y center top;
  }

body.three_columns #bg_flash_fix {
  background: #4f6e8b url(/images/layout/3col_bg2.png) repeat-y center top;
  }

#top {display: none;}

#utility_links {
  margin: 0 auto;
  padding: 11px 7px 7px;
  float:left;
  text-align: left;
  width: 928px;
  color: #fff;
  font-size: 1.1em; 
  background: #4f6e8b;
  }

#utility_links a {
  padding: 0 3px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  }

#utility_links a:hover {
  text-decoration: underline;
  }

#utility_links a.contact{
	padding: 2px 0px 2px 26px !important;
	margin-right: 12px;
	margin-left: 5px;
	background: url(/images/icons/banner_envelope.jpg) no-repeat;
}

#utility_links a.apply{
	padding: 6px 0px 2px 25px !important;
	margin-right: 12px;
	background: url(/images/icons/banner_add.jpg) no-repeat;
}

#utility_links a.login_icn{
	padding: 5px 0px 2px 24px !important;
	background: url(/images/icons/banner_login.jpg) no-repeat;
}

#site_wide_search {
	float: right;
	width:235px; /*follow your image's size*/
	height:20px;/*follow your image's size*/
	padding:0px;
	margin:0px;
	position:relative; /*important*/
}

.searchbox {
position:absolute; /*important*/
font-size: 1.1em !important;
color:#666;
top:-4px;
left:0px;
width:220px;
height:16px;
padding-top: 2px;
}

.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:197px;
width:21px;
height:16px;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 940px;
  background: #fff;
  }

body.two_columns #container {
  background: #fff url(/images/layout/2col_bg2.png) repeat-y center top;
  }
  
body.three_columns #container {
  background: #fff url(/images/layout/3col_bg2.png) repeat-y center top;
  }

#col_wrap {
  margin: 0;
  float: left;
  width: 770px;
  }

#content {
  float: left;
  min-height: 600px;
  }

body.two_columns #content {
  padding: 20px 14px;
  width: 770px;
  width: 742px;  
  }

body.three_columns #content {
  padding: 20px 14px;
  width: 502px; 
  }

#sidebar {
  padding: 20px 7px 20px 0;
  float: right;
  width: 226px;
  position: relative;
  }

#footer {
  margin: 0 auto;
  padding: 5px 7px 15px;
  width: 926px;
  clear: both;
  font-size: .9em;
  color: #fff;
  position: relative; /* For Sponsor Logos */  
  background: #4f6e8b;
  }

#footer a:link, 
#footer a:visited, 
#footer a:hover, 
#footer a:active {
  padding: 0 7px;
  color: #fff;
  text-decoration: none;
  }

#footer a:hover, 
#footer a:active {
  color: #000;
  text-decoration: underline;
  }

#footer #sponsor_logos {
  width: 150px; 
  position: absolute;
  top: -73px;
  left: 22px;
  }

#footer #sponsor_logos img {
  padding-right: 15px;
  float: left;
  }
  
#footer #sponsor_logos img.logo_terc {
  margin-top: 8px;
  }


/* Headers Rules
----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0;
  padding: 0;
  font-weight: bold; 
  }

h1 {
  margin: 0 0 10px;
  padding-bottom: 2px;
  font-size: 1.5em;
  color: #4c423a;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x left bottom;
  }

h1.three_column_width {
  float: left;
  width: 500px;
  }

h1 span.step { /* Used in Groups section */
  font-size: .6em;
  color: #819cde;
  }

h2 {
  font-size: 1.2em;
  color: #4c423a;
  }

h2.alpha {
  margin-top: 0;
  }

h2.brown_bar {
  margin-bottom: 4px;
  padding: 2px 7px;  
  color: #fff;
  background: #7d7153; /* Brown */
  }

h2.blue_bar {
  margin-bottom: 4px;
  padding: 2px 7px;  
  color: #fff;
  background: #648BB2; /* blue */
  }

h2.blue_bar.narrow {
  width:100px;
  }
  
h2.short {
  font-size: 1em;
}

h3 {
  font-size: 1em;
  color: #474747;
  }

h3.variant {
  font-size: .9em;
  text-transform: uppercase;
  color: #944537;
  }
  
h4, h5 {
  font-size: 1em;
  color: #474747;
  }

/*
h4.orange {
  color: #db812e;
  }
*/



/* Link Rules
----------------------------------------------*/
a {text-decoration: none;}
a:link {color: #63819f;} /* Blue */
a:visited {color: #a2682f;} 
a:hover {color: #dB812e; text-decoration: underline;} 
a:active {color: #a2682f;}

#col_wrap a.pop:link, 
#col_wrap a.pop:visited, 
#col_wrap .pop {
  color: #db812e; /* Orange */
  }
  

/* List Rules
----------------------------------------------*/
ul.arrows {
  padding: 0;
  margin: 0 0 1em;
  list-style-type: none;
  }

ul.arrows li {
  padding: 0 0 0 2.8em;
  list-style-type: none;
  background: url(/images/layout/li_orange.gif) no-repeat 1.8em .5em; 
  }

ul.arrows li ol li {
  padding: 0 0 2px 0;
  margin: 0 0 0em;
  background: none; 
  list-style-type: decimal;
  }

ul.no_bull, 
#sidebar ul.no_bull {
  margin: 0 0 1em;
  padding: 0;
  list-style-type: none;
  }

ul.no_bull li, 
#sidebar ul.no_bull li {
  padding-left: 0;
  background-image: none;
  }

ul.no_indent li {
  padding: 0 0 0 1.5em;
  }

ul.arrows_flush {
  margin: 0 0 1em;
  padding: 0;
  list-style-type: none;
  }

ul.arrows_flush li {
  padding: 0 0 0 1.5em;
  background: url(/images/layout/li_orange.gif) no-repeat .2em .5em; 
  }

ul.spacious {
  margin-top: 1em;
  }

#content ul.separators {
  padding: 0;
  margin: 0 0 1em;
  list-style-type: none;
}

#content ul.separators li {
  padding: 3px 0;
  background: transparent;
  border-bottom: 1px solid #ccc; /* Was: a6a8aa */
  } 

ul.separators a:hover {
  text-decoration:none;
}

#content ul.separators li.omega {
  border-bottom: 0;
  }

/* Misc Rules (potentially applies to all columns)
----------------------------------------------*/
.clearer {
  clear: both;
  }

.inline {
  display: inline;
  }

.float_left {
  margin-right: 5px;
  float: left;
  }

.float_right {
  margin-left: 5px;
  float: right;
  }


.top_roomy {
  padding-top: 1em;
  }
  
.bottom_roomy {
  padding-bottom: 1em;
  }

.bottom_mar {
  margin-bottom: 1em;
  }

.left_roomy {
  padding-left: 10px;
  }

.right_roomy {
  padding-right: 10px;
  }

.top_flush {
  margin-top: 0;
  }

.bottom_space {
  margin-bottom: 5px; 
  }

.bottom_flush, 
#sidebar .bottom_flush {margin-bottom: 0;}

.indent {
  padding-left: 20px;
  }

.hr_bottom { /* Used on Groups pages, homepage, etc. */
  padding-bottom: 7px;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x left bottom;
  }

.hr.dashed {
  margin-bottom: 10px;
  padding-bottom: 0px;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x left bottom;
  }

.top_hr {
  margin-top: 10px;
  padding-top: 10px;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x left top;
  }

.box .hr.dashed {
  float: left;
  }

img.grey_border {
  border: 1px solid #c0c0c0;
  }
  
.rust {
  color: #944537;
  }
  
.urgent {
  color: #C54537;
  }
  
.small {
  font-size: .9em;
  }

.allcaps {
  text-transform: uppercase;
}
  
img.mini_avatar {
  margin: 0px 5px 5px 0;
  padding: 0;
  float: left;
  border: 1px solid #ccc;
  }

.avatar_desc_list {
  margin: 1em 0;
  float: left;
  }

.avatar_desc_list .row {
  margin: 0 0 1em;
  padding: 0 0 5px;
  float: left;
  border-bottom: 1px dotted #ccc;
  }

.avatar_desc_list .avatar_photo {
  float: left;
  width: 30px;
  }

.avatar_desc_list .avatar_photo img.mini_avatar {
  margin: 0;
  }

.avatar_desc_list .avatar_desc {
  float: right;
  width: 470px;
  }

a.tooltip_link {
  padding-left: 2px;
  display: inline !important;
  font-weight: normal !important;
  font-size: 1.1em !important;
  }

#sidebar a:link.tooltip_link, 
#sidebar a:visited.tooltip_link {
  color: #63819f;
  font-size: 1em;
  }

#sidebar h3 a:link.tooltip_link, 
#sidebar h3 a:visited.tooltip_link {
  font-size: .9em !important;
  }

#sidebar #login_info a:link.tooltip_link, 
#sidebar #login_info a:visited.tooltip_link {
  color: #fff;
  font-size: .9em !important;
  }

a:hover.tooltip_link {
  text-decoration: underline;
  }

/* legacy CSS, validation should be reconfigured and removed */
.fieldWithErrors {
  display: inline;
}

div.fieldWithErrors {
  display: inline;
}

div.fieldWithErrors label {
  color: #bd0c0c;
}

/* debugging styles */
.nag {
  clear:both;
  position:absolute;
  text-align:center;
  color: red;
  font-size: 200%;
  font-weight: bold;
}




/* IGERT Spine (1st Column) Styles
----------------------------------------------*/ 

#spine {
  padding-bottom: 90px;
  width: 170px;
  float: left;
  background: url(/images/layout/logo_bg.png) no-repeat left 3px;
  }

#spine2 {
  padding: 0 20px 0 14px;
  float: left;
  width: 136px;
  }

#logo {
  margin: 20px 0;
  padding-right: 22px;
  float: right;

  }

#logo img {
  padding: 0 0 5px 0;
  float: right;
  }

#logo h2 {
  margin: 0;
  padding: 0 0 5px;
  clear: both;
  float: right;  
  width: 108px;
  text-align: right;
  color: #fff;
  font-weight: bold;
  font-size: .87em;
  border-bottom: 1px solid #fff;
  }

#search_form {
  float: left;
  }

#search_form #site_search {
  width: 108px; /* Any larger than 108px and extra space appears below it in IE6 */
  float: left;
  }

#search_form #search_button {
  float: left;
  }


/* Main Nav
----------------------------------------------*/ 
#nav {
  width: 136px;
  float: left;
  }
  
#nav ul {
  margin: 0;
  padding: 0;
  width: 136px;
  float: left;
  }

#nav ul li {
  margin: 0;
  padding: 0;
  float: left;
  width: 136px;
  list-style-type: none;
  background: transparent;
  }

#nav ul li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  }

#nav ul li a:link, 
#nav ul li a:visited {
  color: #fff;
  }

#nav ul li.current a:link, 
#nav ul li.current a:visited, 
#nav ul li a:hover, 
#nav ul li a:active {
  color: #4C423A;
  }


/* Subnav
----------------------------------------------*/ 
#subnav {
  margin: 5px 0 0;
  padding: 5px 0 0;
  width: 136px;
  float: left;
  background: url(/images/layout/subnav_dashed_borders.png) repeat-x left top;
  }

#subnav ul {
  margin: 0 0 5px;
  padding: 0 0 5px 10px;
  width: 126px;
  float: left;
  background: url(/images/layout/subnav_dashed_borders.png) repeat-x left bottom;
  }

#subnav ul li {
  margin: 0;
  padding: 0 0 0 10px;
  width: 116px;
  list-style-type: none;
  background: transparent url(/images/layout/li_subnav.png) no-repeat left .6em;
  }

#subnav ul li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  }

#nav ul li.current #subnav ul li a:link, 
#nav ul li.current #subnav ul li a:visited {
  color: #fff;
  }

#nav ul li.current #subnav ul li a:hover, 
#nav ul li.current #subnav ul li a:active {
  color: #4C423A;
  }

/*
#nav ul li.current #subnav ul li:hover {
  background: transparent url(/images/layout/li_subnav_current.png) no-repeat left .6em;
  }
*/

#nav ul li.current #subnav ul li.current {
  background: transparent url(/images/layout/li_subnav_current.png) no-repeat left .6em;
  }

#nav ul li.current #subnav ul li.current a:link, 
#nav ul li.current #subnav ul li.current a:visited, 
#nav ul li.current #subnav ul li.current a:hover, 
#nav ul li.current #subnav ul li.current a:active {
  color: #4C423A;
  }



/* Content Column for IGERT
----------------------------------------------*/ 

.col_half {
  padding: 0 20px 0 0;
  float: left;
  width: 230px;
/*   background: url(/images/layout/dashed_vert_line.gif) repeat-y right top; */
  }

.col_half.omega {
  padding: 0 0 0 20px;
  float: left;
  background: transparent;
  }

.col_half_right {
  padding: 0 0 0 0px;
  float: left;
  width: 220px;
  background: transparent;
  }

.two_subcolumns_wrap {
  float: left;
  background: url(/images/layout/dashed_vert_line.gif) repeat-y 250px top;
  }

.two_subcolumns_wrap .col_half {
  background: transparent;
  }

.box,
.highlight {
  margin-bottom: 20px;
  padding: 10px;
  float: left;
  width: 480px;
  }

#content .highlight.recent {
  margin-bottom: 10px;
  padding: 0;
  width: 500px;
  background: #fff;
  }
  
.box.tight_foot {
  margin-bottom: 7px;
  }

.box.yellow, 
.highlight {
  background-color: #faf0cf;
  }

.box.grey {
  background-color: #eee;
  }
  
.box.bordered {
  border: 1px solid #ababab;
  }

.more_link {
  text-align: right;
  }


.highlight p {
  font-size: .9em;
  }

.highlight .h_photo {
  width: 108px;
  float: left;
  }

.highlight .h_content {
  width: 372px;
  float: left;
  }

.highlight.recent .h_photo {
  padding-right: 10px;
  width: 55px;
  float: left;
  }

.highlight.recent .h_content {
  width: 435px;
  float: left;
  }

#rsvp_panel {
  width: 100% #important;
  background-color: #faf0cf;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
  }

#rsvp_panel p {
  font-size: .9em;
  }


/* Metadata Styles 
----------------------------------------------*/

.metadata {
  margin: 0 0 15px;
  padding: 10px 10px 10px;
  float: left;
  font-size: .9em;
  width: 480px;
  float: left;
  background: #F6F6F4;
  border-top: 8px solid #f1f0ed;
  border-bottom: 8px solid #f1f0ed;
  }

.metadata img {
  padding: 0 0 0 10px;
  float: right;
  }

.metadata h2 {
  margin: 0 0 1em;
  }

.meta_row {
  padding: 3px 0;
  float: left;
  width: 480px;  
  border-bottom: 1px solid #d1aca5;
  }

.meta_row.omega {
  border-bottom: 0;
  }

.meta_label {
  padding-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
  width: 130px;  
  float: left;
  }

.meta_info {
  width: 340px;
  float: left;
  }


#project_profile {
  margin-top: 1em;
  }

.metadata.photo_100wide .meta_row {
  width: 370px;
  }

.metadata.photo_100wide .meta_label {
  width: 90px;
  }

.metadata.photo_100wide .meta_info {
  width: 270px;
  }


.metadata.photo_170wide .meta_row {
  width: 300px;
  }

.metadata.photo_170wide .meta_label {
  width: 90px;
  }

.metadata.photo_170wide .meta_info {
  width: 200px;
  }

.metadata.photo_240wide .meta_row {
  width: 370px;
  }

.metadata.photo_240wide .meta_label {
  width: 90px;
  }

.metadata.photo_240wide .meta_info {
  width: 270px;
  }

.photo_caption {
  width: 170px;
  float: right;
  }

.photo_caption img {
  padding: 0;
  }
  
.photo_caption p {
  padding: 5px;
  width: 160px;
  float: left;
  background: #E6E6E1;
  }

/* posted contributors variation */
.metadata.posted .meta_row {
  border-bottom:0
  }

.metadata.posted .meta_label {
  width: 90px;
  }

.metadata.posted .meta_info {
  width: 380px;
  }

.metadata.posted .meta_info .posted_avatar {
  display:inline;
  }

.metadata.posted .meta_info .posted_avatar .avatar_icon {
  position:absolute;
	float:left;
  padding-top:10px;
  }

.metadata.posted .meta_info .posted_avatar .avatar_icon .avatar_container {
	width:50px;
	height:50px;
	margin:0px;
	padding:5px;
	background:#fff;
	border:solid #F1F0ED 1px;
  }

.metadata.posted .meta_info .posted_avatar .avatar_icon .avatar_container img {
	margin:auto;
  }

#member_profile .meta_row {
  width: 372px;
  }

#member_profile .meta_label {
  width: 130px;
  }

#member_profile .meta_info {
  width: 232px;
  }
  

.post_data {
  margin: 0 0 15px;
  padding: 5px 0 0;
  float: left;
  font-size: .9em;
  width: 500px;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x top left;
  }

.post_data .post_row {
  padding: 3px 0;
  float: left;
  width: 100%;
  }

.post_data .post_row.omega {
  padding-bottom: 7px;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x bottom left;
  }

.post_meta {
	float: right;
	width: 440px;
}

.post_thumb {
  padding: 0 0 0;  
  width: 56px;
  float: left;
}

.post_label {
  padding-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
  width: 90px;
  float: left;
  }

.post_info {
  width: 340px;
  float: left;
  }
  
/* "Special Emphasis" (blue stroked) container boxes
----------------------------------------------*/ 
.content_special {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0;
  width: 500px;
  float: left;
  background: #F6F6F4 url(/images/layout/content_special_mid.png) repeat-y left top;
  }

.content_special2 {
  padding: 4px 0 0;
  width: 500px;
  float: left;
  background: url(/images/layout/content_special_top.png) no-repeat left top;
  }

.content_special3 {
  padding: 0px 8px 4px;
  width: 500px;
  float: left;
  background: url(/images/layout/content_special_bot.png) no-repeat left bottom;
  }

.content_special3 h3 {
  margin: 0;
  padding: 3px 8px;
/*   display: inline; */
  float: left;
  position: relative;
  top: -13px;
  left: -8px;
  font-size: 1em;
  text-transform: uppercase;
  color: #fff;
  background: #648bb2;
  }

.content_special3 p {
  margin-bottom: 0;
  position: relative;
  top: -7px;
  }


/* Showcase Spotlight Styles
----------------------------------------------*/

#spotlight_wrap {
  margin: 0 0 15px;
  padding: 10px 0 10px 10px;
  float: left;
  width: 490px;
  float: left;
  background: #f6f6f4;
  border-top: 8px solid #f1f0ed;
  border-bottom: 8px solid #f1f0ed;
  }

#spotlight_col1 {
  padding-right: 20px;
  float: left;
  width: 187px;
  }

#spotlight_col1 img {
  padding: 10px 0;
  }

#spotlight_col1 h3 {
  margin: 0;
  padding: 1em 0 0;
  text-transform: uppercase;
  border-top: 1px solid #d1aca5;
  }

#spotlight_col1 h3.alpha {
  border-top: 0;
  }

#spotlight_col2 {
  padding-right: 10px;
  float: left;
  width: 273px;
  }

#spotlight_col2 .box_spot {
  margin: 0 0 15px;
  padding: 5px 0 0;
  float: left;
  width: 273px;
  background: url(/images/layout/spotlight_col2_box_top.png) no-repeat left top;
  }

#spotlight_col2 .box_spot2 {
  padding: 0 0 5px;
  float: left;
  width: 273px;
  background: url(/images/layout/spotlight_col2_box_bottom.png) no-repeat left bottom;
  }

#spotlight_col2 .box_spot3 {
  padding: 10px 10px 0;
  float: left;
  width: 251px;
  border-left: 1px solid #944537;
  border-right: 1px solid #944537;  
  }
  
#spotlight_col2 h2 {
  margin: 0;
  padding: 10px 0 0;
  border-top: 1px solid #d1aca5;
  }

#spotlight_col2 h3 {
  margin: 10px 0 0;
  padding: 10px 0 0;
  color: #944537;
  font-weight: normal;
  font-size: 1.3em;
  border-top: 1px solid #d1aca5;
  }



/* Comment Styles 
----------------------------------------------*/

#comments_wrap {
  padding: 0px 0;
  float: left;
  width: 100%;
  }

.comment {
  margin-bottom: 5px;
  padding: 15px 15px 5px;
  width: 470px;
  float: left;
  background-color: #f6f6f4;
  }

.c_thumb {
  padding: 0 0 0;  
  width: 56px;
  float: left;
  }

.c_info {
  float: right;
  width: 400px;
  }

/*
#comments_footer {
  padding: 10px 0 0;
  float: right;
  }  
*/



/* Find IGERT Specific Styles 
----------------------------------------------*/

#google_map {
  margin-top: 10px;
/*   padding: 0 10px 0 0; */
  float: left;
  width: 500px;
/*   background: url(/images/layout/dashed_vert_line.gif) repeat-y right top;   */
  }

#search_results_sidebar {
  margin-top: 10px;
  padding: 0 0 0 0;
  float: right;
/*   width: 209px; */
  width: 219px;
  }



/* Additional Icon-ized Link Styles
----------------------------------------------*/
a.website {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_website.gif) no-repeat right top;
 }

a.document {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_document.gif) no-repeat right top;
 }

a.spreadsheet {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_spreadsheet.gif) no-repeat right top;
 }

a.slideshow {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_slideshow.gif) no-repeat right top;
 }

a.image {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_image.gif) no-repeat right top;
 }

a.audio {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_audio.gif) no-repeat right top;
 }

a.video {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_video.gif) no-repeat right top;
 }

a.archive {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_archive.gif) no-repeat right top;
 }

a.pdf {
  padding: 1px 0 3px 22px;
  background: url(/images/layout/icon_pdf.gif) no-repeat left top;
  }

a.other {
 padding: 1px 20px 6px 0;
 background: url(/images/layout/icon_other.gif) no-repeat right top;
 }

/* IE 6,7 HACK */
/* solves the issue for metadata-displayed icon links, but not for general inline links */
* html .metadata .meta_links a { background-position: left top; padding-left:15px; }

*:first-child+html .metadata .meta_links a { background-position: left top; padding-left:15px; } }

/* Member Profile Icon Styles
----------------------------------------------*/
img.icon_tiny_profile{
	height: 25px;
	width: 25px;
}

img.icon_35_profile{
	height: 35px;
	width: 35px;
}

img.icon_small_profile{
	height: 50px;
	width: 50px;
}

img.icon_medium_profile{
	height: 91px;
	width: 91px;
}

img.icon_default_profile{
	height: 128px;
	width: 128px;
}

img.icon_big_profile{
	height: 150px;
	width: 150px;
}

/* Group Specific Styles
----------------------------------------------*/
#group_icon {
  padding-bottom: 5px;
  }

#group_icon img {
  float: left;
  }

#group_icon span.tips {
  line-height: 2;
  }

/*
.group_key{
	height:50px;
	width:50px;
}*/

.group_key_overlay {	
	height: 12px;
	width: 52px;
	margin-top:-12px;
}


.comgroup_posts_wrap {
  margin: 20px 0;
  padding: 15px 10px 10px;
  width: 480px;
  background: #eee;
  }

.comgroup_posts_wrap h3 {
  margin-top: 0px;
  }

.comgroup_post {
  margin: 5px 0 15px;
  padding: 0;
  padding-bottom: 10px;
  width: 470px;
  border: 3px solid #7aa0c5;
  background-color: #fff
  }

.comgroup_post_form {
  margin: 5px 0 15px;
  padding: 0;
  width: 470px;
  }

.comgroup_post_form textarea {
  margin-bottom: 13px;
  }
  
.comgroup_post_form_tips {
  font-style:italic;
  font-size:.8em;
}

.comgroup_post_reply {
  margin-bottom:40px;
}

.comgroup_poster {
  height:30px;
  border-bottom: 3px solid #7aa0c5;
  }

.comgroup_poster img {
  float:left;
  border-right: 3px solid #7aa0c5;
  border-bottom: 3px solid #7aa0c5;
  }

/* note: overriding icon display default size */
.comgroup_poster img.icon_small_profile {
  width:30px;
  height:30px;
  }

.comgroup_poster span.poster {
  display:block;
  width:400px;
  float:left;
  padding:6px 0px 6px 7px;
  }

.comgroup_post_content {
  padding: 25px 10px 10px 10px;
  margin-bottom: 10px
  }

.post_footer {
  padding-top: 3px; 
  font-size: .9em;
  color: #666;
  border-top: 1px solid #aaa;
  }

.margin_bot_mini {
  margin-bottom: 5px;
  }

.tableish {
  width: 480px;
  font-size: .9em;
  float: left;
  border-top: 1px solid #ccc;
  }

.tableish .row {
  width: 478px;
  float: left;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  }

.tableish .row .col_a, 
.tableish .row .col_b {
  float: left;
  }

.tableish .row .col_a {
  width: 218px;
  padding: 3px 10px;
  }

.tableish .row .col_b {
  width: 230px;
  padding: 3px 10px 3px 0;
  }

.tableish .row .col_b {
  padding-left: 10px;
  width: 220px;
  float: left;
  }

ul.cleared_bullets li {
  clear: both;
  }


/* Dashboard Styles
----------------------------------------------*/

#dashboard_top {
  margin-bottom: 7px;
  float: left;
  width: 742px;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x left bottom;
  }

#dash_profile_summary {
  padding: 0px 10px 0 0;
  float: left;
  width: 232px;
  }

#dash_profile_summary img {
  padding: 0 10px 0 0;
  float: left;
  }
  
#dash_profile_summary p {
  font-size: .9em;
  }

#dash_status {
  margin: 0 0 9px;
  padding: 10px;
  float: left;
  width: 480px;
  background-color: #eee;
  }

#dash_status p, 
#dash_status label {
  font-size: .9em;
  }

#dashboard_bottom {
  padding: 10px 0 0 10px;
  float: left;
  width: 732px;
  background: #d8d4cc;
  }

.box_dashboard {
  padding-right: 9px;
  /* width: 235px; */
  /* float: left; */
  }

.box_dashboard2 {
  margin: 0 0 14px 0;
  /* float: left; */
  background: #f6f6f4 url(/images/layout/box_dashboard_bottom.gif) no-repeat left bottom;
  }

.box_dashboard_inner {
  padding: 0 10px 5px;
  /* width: 215px; */
  font-size: .9em;
  }

.box_dashboard h2 {
  margin: 0 0 7px;
  padding: 2px 10px;
  color: #fff;
  /* width: 215px; */
  text-transform: uppercase;
  background: #6d85a0; /* blue */

  }

.box_dashboard h3 {
  margin: 0;
  padding: 2px;
  /* width: 215px; */
  text-transform: uppercase;
  }

.box_dashboard h4 {
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  color: #944537;
  }

.box_dashboard ul {
  padding: 0;
  margin: 0 0 1em;
  list-style-type: none;
}

.box_dashboard ul.cellish {
  margin-top: 3px;
  margin-bottom: 6px;
  /* float: left; */
  /* width: 212px; */
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 0;
  }

.box_dashboard ul.cellish li {
  padding: 3px 7px;
  /* width: 198px; */
  /* float: left; */
  background-image: none;
  border-bottom: 1px solid #ccc;
  }

ul.hr_bot_rust_dots {
  margin-bottom: 7px;
  padding-bottom: 7px;
  background: url(/images/layout/hr_rust_dots.gif) repeat-x left bottom;
  }

div.hr_bot_rust_dots {
  margin-bottom: 7px;
  padding-bottom: 7px;
  background: url(/images/layout/hr_rust_dots.gif) repeat-x left bottom;
  }

/* Library Main Page
----------------------------------------------*/ 


.feat_article {
  margin-bottom: 15px;
  float: left;
  width: 470px;
  background: #fff url(/images/layout/feat_article_middle.png) repeat-y left top;
  }

.feat_article2 {
  padding-top: 8px;
  float: left;
  width: 470px;
  background: url(/images/layout/feat_article_top.png) no-repeat left top;
  }
  
.feat_article3 {
  padding: 5px 14px 8px;
  float: left;
  width: 442px;
  background: url(/images/layout/feat_article_bottom.png) no-repeat left bottom;
  }  
  
.feat_article p {
  font-size: .9em;
  }

.feat_article .feat_article_photo {
  width: 112px;
  float: left;
  }

.feat_article .feat_article_content {
  width: 330px;
  float: left;
  }


/* smaller featured box 250px wide */
.feat_article_250 {
  margin-bottom: 15px;
  float: left;
  width: 245px;
  background: #fff url(/images/layout/feat_245_middle.jpg) repeat-y left top;
  }

.feat_article2_250 {
  padding-top: 8px;
  float: left;
  width: 245px;
  background: url(/images/layout/feat_245_top.jpg) no-repeat left top;
  }
  
.feat_article3_250 {
  padding: 5px 10px 8px;
  float: left;
  width: 230px;
  background: url(/images/layout/feat_245_bottom.jpg) no-repeat left bottom;
  }  

.feat_article_250 .feat_article_photo {
  width: 105px;
  height: 105px;
  float: left;
  }

.feat_article_250 .feat_article_content {
  width: 100px;
  font-size: .9em;
  float: left;
  }

/*chart key */
.chart_key{
  font-size: .9em;
  float: right;
}
.chart_key ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

.chart_key ul li {
  padding-left: 1.7em; 
  height:18px;
  }
.chart_key ul li.alt{
	background: #f9f9f9;
}
  
li#key_interdiscipline{
  background: #f9f9f9 url(/images/chart/key_interdiscipline.jpg) no-repeat 0em .5em; 
}
li#key_student_faculty{
  background: url(/images/chart/key_student_faculty.jpg) no-repeat 0em .5em; 
}
li#key_interest{
  background: #f9f9f9 url(/images/chart/key_interest.jpg) no-repeat 0em .5em; 
}
li#key_curricula{
  background:  url(/images/chart/key_curricula.jpg) no-repeat 0em .5em; 
}

li#key_nsf_docs{
  background: #f9f9f9 url(/images/chart/key_nsf_docs.jpg) no-repeat 0em .5em; 
}
li#key_orgs_websites{
  background: url(/images/chart/key_orgs_websites.jpg) no-repeat 0em .5em; 
}

.container_box {
  margin: 0 0 15px; 
  padding: 0 0 5px;
  float: left;
  width: 226px;
  background: #f9f9f9;
  border: 1px solid #bcbfc0;
  }

.container_box.rightbuff {
  margin-right: 5px !important;
  }

.container_box.half_width {
  padding: 0;
  width: 245px;
  }

.container_box.full_width {
  padding: 0;
  /*width: 500px; */
  }
  
.container_box h3 {
  margin: 0;
  padding: 2px 7px 2px 7px;
  color: #fff;
  text-transform: uppercase;
  font-size: .93em;
  line-height: 1.3;
  width: 232px;
  background: #658bb2;
  }

.container_box.full_width h3 {
  margin: 0;
  padding: 2px 0px 2px 7px;
  color: #fff;
  text-transform: uppercase;
  font-size: .93em;
  line-height: 1.3;
  width: 488px;
  background: #658bb2;
  }
  
.container_box_inner {
  padding: 4px 7px 0;
  float: left;
  width: 212px;
  background: #f9f9f9;
  }

.container_box_inner.full_width {
  width: 495px;
  padding: 0;
  }
  
.container_box.half_width .container_box_inner {
  padding: 0;
  width: 245px;
  }

.container_box ul li.alt {
  background: #eee;
  }

.container_box ul li.alt2 {
  background: #fff;
  }
  
.container_box ul, .container_box_inner.full_width ul{
  margin: 0;
  padding: 0 !important;
  list-style-type: none;
  }


.container_box.half_width ul li {
  padding: 3px 7px;
  background-image: none;
  }


.container_box_inner ul li {
  font-size: .9em;
  }

.small_logo{
	float:left;
	border: 1px solid #ccc;
	margin:2px 5px 2px 5px;
}

/* webinar attendees    */

.con_box {
  margin: 0 0 15px; 
  padding: 0 0 5px;
  float: left;
  width: 226px;
  background: #f9f9f9;
  border: 1px solid #bcbfc0;
  }

.con_box.rightbuff {
  margin-right: 10px;
  }

.con_box.full_width {
  padding: 0;
  width: 226px;
  }

.con_box h3 {
  margin: 0;
  padding: 2px 7px 2px 7px;
  color: #fff;
  text-transform: uppercase;
  font-size: .93em;
  line-height: 1.3;
  width: 212px;
  background: #658bb2;
  }

.con_box_inner {
  padding: 4px 7px 0;
  float: left;
  width: 212px;
  background: #f9f9f9;
  }

.con_box.full_width .con_box_inner {
  padding: 0;
  width: 226px;
  }

.con_box ul li.alt {
  background: #eee;
  }

.con_box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

.con_box ul li {
  padding-left: 1.7em;
  background: #f9f9f9 url(/images/layout/li_orange.gif) no-repeat .6em .5em; 
  }

.con_box.full_width ul li {
  padding: 3px 7px !important;
  background-image: none;
  }



.con_box_inner ul li {
  font-size: .9em !important;
  }
  
/* Home-specific Styles
----------------------------------------------*/
#home_photos {
  margin-bottom: 15px;
  position: relative;
  float: right;
  }

#home_photos h3 {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 8px;
  float: right;
  line-height: 1.5;
  font-size: 1.3em;
  }

#home_photos h3#link1 {
  bottom: 85px;
  background: #ADC4DA;
  }

#home_photos h3#link2 {
  bottom: 1px;
  background: #648BB2;
  }

#home_photos h3#link_lowerleft {
	bottom: 1px;
	float: left;
	left: 45px;
	width: 240px;
	line-height: 1.2;
}
#home_photos h3#link_lowerleft a {
  padding: 5px 3px 8px 5px;
  width: 240px;
  height: 40px;
  display: block;
  }
#home_photos h3 a {
  padding: 12px 3px 10px 5px;
  width: 140px;
  height: 52px;
  display: block;
  }

#home_photos h3 a.one_line_link {
  padding-top: 23px;
  height: 41px;
  }

#home_photos h3 a:link, 
#home_photos h3 a:visited {
  color: #fff;
  }

#home_photos h3 a:hover, 
#home_photos h3 a:active {
  color: #000;
  text-decoration: none;
  }

#con_box_news {
  width: 230px;
  }

#con_box_news h3 {
  margin: 0;
  padding: 2px 7px;
  color: #fff;
  text-transform: uppercase;
  width: 216px;
  background: #648bb2;
  }

#home_tagline {
  margin: 0 0 20px;
  padding: 0;
  /* width: 500px; */
  float: left;
  background: #F6F6F4 url(/images/layout/home_tagline_mid.png) repeat-y left top;
  }

#home_tagline2 {
  padding: 8px 0 0;
  /* width: 500px; */
  float: left;
  background: url(/images/layout/home_tagline_top.png) no-repeat left top;
  }

#home_tagline3 {
  padding: 0 10px 8px;
  /* width: 480px; */
  float: left;
  color: #dB812e;
  font-size: 1.3em;
  font-weight: bold;  
  background: url(/images/layout/home_tagline_bot.png) no-repeat left bottom;
  }
  
ul li.bot_separator { /* As used on logged in homepage feature */
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  } 

.acticon_discussion{
	background: url(/images/layout/acticon_discussion.png) no-repeat right;
	padding:0px;
	width: 60px;
	height: 31px;
	float:left;
}
.acticon_library{
	background: url(/images/layout/acticon_library.png) no-repeat right;
	padding:0px;
	width: 60px;
	height: 31px;
	float:left;
}

.acticon_group{
	background: url(/images/layout/acticon_group.png) no-repeat right;
	padding:0px;
	width: 60px;
	height: 31px;
	float:left;
}

.acticon_news{
	background: url(/images/layout/acticon_highlight.png) no-repeat right;
	padding:0px;
	width: 60px;
	height: 31px;
	float:left;
}

.acticon_highlight{
	background: url(/images/layout/acticon_news.png) no-repeat right;
	padding:0px;
	width: 60px;
	height: 31px;
	float:left;
}

.acticon_webinar{
	background: url(/images/layout/acticon_webinar.png) no-repeat right;
	padding:0px;
	width: 60px;
	height: 31px;
	float:left;
}

/* Misc #content Styles
----------------------------------------------*/
.photos_horizontal {
  margin: 5px 0 15px;
  width: 500px;
  float: left;
  }

.photos_horizontal img {
  margin: 0 5px 10px 0;
  float: left;
  }

/*
a.external {
  padding-left: 20px;
  background: url(/images/layout/icon_external.gif) no-repeat left top;
  }
*/

/* used for displaying profile icons in timeline events */
img.event_icon {
  margin: 0 6px 0 4px;
  float:left;
  clear:left;
  }

#content .button.f_right {
  float: right;
  }

#content .button a {
  display: block;
  padding: 2px 0;
  line-height: 1.2;
  height: 15px;
  width: 81px;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  background: url(/images/layout/button_small.png) no-repeat left top;
  }

#content .button.medium a {
  width: 120px;
  background: url(/images/layout/button_medium.png) no-repeat left top;  
  }

#content .button.wide a {
  width: 160px;
  background: url(/images/layout/button_wide.png) no-repeat left top;  
  }

#content .button a:hover, 
#content .button a:active {
  color: #000;
  text-decoration: none;
  }
  
#content .button.inline a {
  display:inline;
}

#content .button.inline a {
  display:inline;
}

#content .button.padded a {
  padding-left: 25px;
  padding-right: 25px;
}

#content .button.padded.light a {
  padding-left: 15px;
  padding-right: 15px;
}

/* formatting for replies based on: <blockquote><cite>Name</cite><blockquote> */
.nest_replies blockquote {
  margin:0px 0px 2px 0px;
  border:solid #cdcdcd 1px;  
  background-color: #ebebeb;
  padding:6px 3px 4px 8px;  
}

.nest_replies blockquote cite {
  font-weight:bold;
  font-style:italic;
}

.nest_replies blockquote + br {
  display:none;
}

/* generic styling for rails built-in autocomplete */
div.auto_complete {
  z-index: 1;
}

div.auto_complete ul {
	cursor: pointer;
	list-style: none;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	height: 15em;
	overflow: auto;
}

div.auto_complete ul li {
	padding: 3px 6px;
	margin: 0px;
	border: solid #ccc;
	border-width: 0px 1px 1px;
	text-align: left;
	list-style-type:none;
	background-color: #ddd;	
	font-size: .9em;
	color: #000;
}
div.auto_complete ul li.selected {
	background-color: #4173CC;
	color: #fff;
}
#sidebar div.auto_complete ul li.selected {
	color: #db812e;
}

div.auto_complete ul li em {
	font-weight: bold;
	font-style: normal;
	background: #ccc;
}

div.auto_complete ul li.selected em {
	background: none;
}

/* fix for copyright/tos text breaking out of the set area in the sidebar */
div#sidebar div#map_project > div > span {
  font-size:.8em !important;
}

div#sidebar div#map_project > div > a.terms-of-use-link {
  font-size:.8em !important;
}

/* rotating feature box styles */
.rb-ctrl-lit{
	
	background-color: #648BB2; 
	color: #000000; 
	border: 1px solid #CCCCCC; 
	padding: 3px
}

.rb-ctrl-unlit{
	background-color: #ADC4DA;
	color: #FFFFFF;
	border: 0px solid #CCCCCC;
	padding: 3px;
}

.avatar_inner_box{
  padding-top: 30px;
}

.avatar_container{
	float:left;
	width:70px;
	height:85px;
	overflow:hidden;
}
.avatar_key{
	height:50px;
	width:50px;
}

.avatar_key_overlay {	
	height: 12px;
	width: 14px;
	margin-top:-12px;
}

.name_caption{
	margin-top:2px;
	font-size:.9em;
	line-height:1em;
	width:65px;
	height:30px;
	overflow:hidden;
}

.new_connection{
	background: url(/images/layout/new_connection.jpg) no-repeat;
	
	width:70px;
	height:22px;
	
}

.date_icn {
	margin-left:5px;
	width: 40px; height: 40px;
	background-image:url('/images/icons/date_bg.jpg');
}
.date_icn p {
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		font-size: 22px; text-align: center; color: #999;
		/*padding-top:2px;*/
		line-height:1.2em;
}	
.date_icn p span {

		font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		padding: 5px 0 6px 0;
		line-height:0;
}  


/* IGERT Sidebar (3rd Column) Styles
----------------------------------------------*/ 

#sidebar_container{
	width:240px;
	float:right;
}

#sidebar {
  font-size: .9em;
  }

#sidebar a:hover, 
#sidebar a:active {
  color: #dB812E;
  }


/* Options icon/links
----------------------------------------------*/ 

#sb_options ul {
  float: left;
  margin: 3px 0 3px;
  }

#sb_options ul li {
  float: left;
  width: 215px;
  }

#sb_options ul li a {
  padding-left: 33px;
  display: block;
  float: left;
  color: #59595b;
  }

#sb_options ul li a:hover, 
#sb_options ul li a:active {
  text-decoration: none;
  }
  
#sb_options ul li a span {
  padding: 3px 0 3px 0;
  float: right;
  width: 185px;
  border-bottom: 1px solid #eee;
  }

#sb_options ul li a.option_apply {
  background: url(/images/icons/icon_apply.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_back {
  background: url(/images/icons/icon_back.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_discussion {
  background: url(/images/icons/icon_creatediscussion.png) no-repeat 7px 2px;
  }

#sb_options ul li a.option_delete {
  background: url(/images/icons/icon_delete.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_edit {
  background: url(/images/icons/icon_edit.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_email {
  background: url(/images/icons/icon_email.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_examine {
  background: url(/images/icons/icon_examine.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_explore {
  background: url(/images/icons/icon_explore.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_learn {
  background: url(/images/icons/icon_learn.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_member {
  background: url(/images/icons/icon_member.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_post {
  background: url(/images/icons/icon_post.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_read {
  background: url(/images/icons/icon_read.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_schedulewebinar {
  background: url(/images/icons/icon_schedulewebinar.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_search {
  background: url(/images/icons/icon_search.png) no-repeat 7px 4px;
  }

#sb_options ul li a.option_seeall {
  background: url(/images/icons/icon_seeall.png) no-repeat 7px 4px;
  }

#sb_options ul li a.option_recentactivity {
  background: url(/images/icons/icon_recentactivity.png) no-repeat 7px 2px; 
  }
#sb_options ul li a.option_upload {
  background: url(/images/icons/icon_uploadfile.png) no-repeat 7px 3px;
  }

#sb_options ul li a.option_unsubscribe {
  background: url(/images/icons/icon_unsubscribe.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_webinar {
  background: url(/images/icons/icon_webinar.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_postcomment {
  background: url(/images/icons/icon_postcomment.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_spotlights {
  background: url(/images/icons/icon_spotlights.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_highlights {
  background: url(/images/icons/icon_highlights.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_projectsacceptingapplications {
  background: url(/images/icons/icon_projectsacceptingapplications.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_activeprojects {
  background: url(/images/icons/icon_activeprojects.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_gradstudents {
  background: url(/images/icons/icon_gradstudents.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_facultystaff {
  background: url(/images/icons/icon_facultystaff.png) no-repeat 7px 2px; 
  }
  
#sb_options ul li a.option_calendar {
  background: url(/images/icons/icon_calendar_1.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_calendar_archive {
  background: url(/images/icons/icon_calendar_archive.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_event_attending {
  background: url(/images/icons/icon_event_attending.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_event_created {
  background: url(/images/icons/icon_event_created.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_video {
  background: url(/images/icons/icon_video.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.option_profile {
  background: url(/images/icons/icon_profile.png) no-repeat 7px 2px; 
  }

#sb_options ul li a.omega span {
  border-bottom: 0; 
  }
  
/* Member box, for event attendees, etc 
-------------------------------------------------------*/

#mb_options ul {
  float: left;
  margin: 3px 0 3px;
  }

#mb_options ul li {
  float: left;
  width: 200px;
  }

#mb_options ul li a {
  padding-left: 33px;
  display: block;
  float: left;
  color: #59595b;
  }

#mb_options ul li a:hover, 
#mb_options ul li a:active {
  text-decoration: none;
  }
  
#mb_options ul li a span {
  padding: 3px 0 3px 0;
  float: right;
  width: 160px;
  border-bottom: 0px hidden;
  }
  
#mb_options ul li a.option_event_attending {
  background: url(/images/icons/icon_event_attending.png) no-repeat 7px 2px; 
  }
  
#mb_options ul li a.option_email {
  background: url(/images/icons/icon_email.png) no-repeat 7px 2px; 
  }
 
#mb_options ul li a.option_unsubscribe {
  background: url(/images/icons/icon_unsubscribe.png) no-repeat 7px 2px; 
  }

#mb_options ul li a.option_seeall {
  background: url(/images/icons/icon_seeall.png) no-repeat 7px 4px;
  }


/* Group-specific sidebar options
----------------------------------------------*/
#group_options {
    margin-top:0px;
  }

#group_options ul {
  float: left;
  margin: 3px 0 3px;
  }

#group_options ul li {
  float: left;
  width: 206px;
  }

#group_options a.see_tool {
  display: block;
  color: #59595b;
  }

#group_options a.see_tool:hover, 
#group_options a.see_tool:active {
  text-decoration: none;
  color: #dB812E;
  }

#group_options ul li a {
  padding-left: 33px;
  display: block;
  float: left;
  color: #59595b;
  }

#group_options ul li a:hover, 
#group_options ul li a:active {
  text-decoration: none;
  }
  
#group_options ul li a span {
  padding: 3px 0 3px 0;
  float: right;
  width: 173px;
  }

#group_options ul li a.option_groupnewtopic {
  background: url(/images/icons/icon_groupnewtopic.png) no-repeat 7px 2px;
  }

#group_options ul li a.option_groupnewfile {
  background: url(/images/icons/icon_groupnewfile.png) no-repeat 7px 2px;
  }

#group_options ul li a.option_groupnewwebinar {
  background: url(/images/icons/icon_groupnewwebinar.png) no-repeat 7px 2px;
  }
  
/* Dashboard-style container boxes
----------------------------------------------*/ 
.sb_dash {
  margin-bottom: 7px;
  padding: 0;
  width: 226px;
  float: left;
  background: #F6F6F4 url(/images/layout/sb_dash_mid.png) repeat-y left top;
  }

.sb_dash2 {
  padding: 4px 0 0;
  width: 226px;
  float: left;
  background: url(/images/layout/sb_dash_top.png) no-repeat left top;
  }

.sb_dash3 {
  padding: 0 8px 4px;
  width: 210px;
  float: left;
  background: url(/images/layout/sb_dash_bot.png) no-repeat left bottom;
  }

.sb_dash3 h3 {
  margin: 1em 0 .8em;
  font-size: 1.1em;
  }

.sb_dash3 ul {
  padding-bottom: 5px;
  float: left;
  }

.sb_dash3 img.mini_avatar {
  padding: 0 !important;
	height: 25px;
	width: 25px;
  }

.sb_dash3 ul.mini_indent {
  padding-left: 7px;
  }



/* "Special Emphasis" (blue stroked) container boxes
----------------------------------------------*/ 
.sb_special {
  margin-top: 20px;
  margin-bottom: 7px;
  padding: 0;
  width: 226px;
  float: left;
  background: #F6F6F4 url(/images/layout/sb_special_mid.png) repeat-y left top;
  }

.sb_special2 {
  padding: 4px 0 0;
  width: 226px;
  float: left;
  background: url(/images/layout/sb_special_top.png) no-repeat left top;
  }

.sb_special3 {
  padding: 0px 8px 4px;
  width: 210px;
  float: left;
  background: url(/images/layout/sb_special_bot.png) no-repeat left bottom;
  }

.sb_special3 h3 {
  margin: 0;
  padding: 3px 8px;
/*   display: inline; */
  float: left;
  position: relative;
  top: -13px;
  left: -8px;
  font-size: 1em;
  text-transform: uppercase;
  color: #fff;
  background: #648bb2;
  }

.sb_special3 p {
  margin-bottom: 0;
  position: relative;
  top: -7px;
  }
  

/* Link container boxes
----------------------------------------------*/ 

.sb_box, .dashboard_box {
  margin-bottom: 7px;
  padding: 0px;
  width:220px;
  background: #f9f9f9;
  }


.sb_box.white {
  background: #fff;  
  }
  
 .sb_box.sm_margin_bottom {
 	margin-bottom: 0px;
 	padding-bottom: 0;
 }
 
.sb_box.full_width {
  padding-left: 0;
  padding-right: 0;
  width: 226px;
  }

#sidebar .sb_box.full_width {
  padding-bottom: 0;
  }

#sidebar .sb_box.full_width .sb_box_inner {
  padding-top: 2em;
  }
  
.sb_box h3, 
.dashing h3,.sb_box .header{
  margin: 0;
  padding: 2px 7px;
  color: #fff;
  text-transform: uppercase;
  width: 208px;
  /*position: absolute; */
  left: 0; /* See different value in ie6.css */
  background: #658bb2; /* Was Brown #7d7153 */
  }


.sb_box .header{
  margin: 0;
  padding: 2px 7px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  width: 212px;
  position: absolute;
  left: 0; /* See different value in ie6.css */
  background: #648bb2; /* Was Brown #7d7153 */
  }

.dashing h3 {
  position: static;
  background: #dB812E; /* Orange */
  }

.dashing h3 a:link, 
.dashing h3 a:visited, 
.dashing h3 a:hover, 
.dashing h3 a:active, 
#sidebar h3 a:link, 
#sidebar h3 a:visited, 
#sidebar h3 a:hover, 
#sidebar h3 a:active {
  color: #fff;
  display: block;
  }


#sidebar h3 a img, 
.dashing h3 a img {
  padding: 4px 7px 0 0;
  float: left;
  }

.sb_box_inner {
	padding: 5px;
  padding-top: 1em ;
  
  }

.dashing {
  padding-bottom: 0px;
  width: 226px;
  float: left;
  }

#sidebar .avatar_desc_list {
  margin: 0 0 7px;
  padding-bottom: 5px;
  width: 212px;
  }

#sidebar .avatar_desc_list .row {
  margin: 0 0 .9em;
  float: left;
  width: 212px;
  }

#sidebar .avatar_desc_list .row.omega {
  margin-bottom: 0;
  }


#sidebar .avatar_desc_list .avatar_photo {
  margin: 0;
  padding: 3px 0 0;
  width: 25px;
  }

#sidebar .avatar_desc_list .avatar_desc {
  float: right;
  width: 179px;
  }




.sb_box_inner .row {
  padding:5px 0px;
  width: 212px;
  clear:both;
  
  }

.sb_box_inner .row.omega {
  margin-bottom: 0;
  }


.sb_box_inner .avatar_photo {
  margin: 0;
  padding: 3px 0 0;
  width: 25px;
  height:25px;
  float:left;
  }

.sb_box_inner .avatar_desc {
  float: right;
  width: 179px;
  }


.inline_sidebar .dashing {
  padding-bottom: 0;
  }

.dashing ul {
  padding-top: 4px;
  padding-bottom: 0;
  float: left;
  }

.dashing .two_subcolumns_wrap {
  padding-bottom: 3px;
  clear: both;
  background: url(/images/layout/dashed_vert_line.gif) repeat-y 113px top;
  }

.dashing ul.col_half {
  padding: 4px 7px 0 0;
  width: 108px;
  float: left;
  }

.dashing ul.col_half.omega {
  padding: 4px 7px 0 0;
  width: 100px;
  float: left;
  }

.dashing a:link, 
.dashing a:visited {
  color: #59595b;
  }

img.sb_hr {
  margin:  0 0 7px;
  clear: both;
  }

#sidebar ul, 
.inline_sidebar ul {
  margin-bottom: 5px;
  }

#sidebar ul {
  padding: 0;
  margin: 0 0 1em;
  list-style-type: none;
  }

#sidebar ul li, 
.inline_sidebar ul li {
  padding-left: 1.7em;
  background: url(/images/layout/li_orange.gif) no-repeat .6em .5em; 
  }

.inline_sidebar ul li {
  font-size: .9em;
  }

#sidebar ul.separators li, 
.inline_sidebar ul.separators li {
  padding-top: 4px;
  padding-bottom: 4px;
  background-position: .6em .85em; 
  border-bottom: 1px solid #ccc; /* Was: a6a8aa */
  }

#sidebar ul.separators li.alpha {
  padding-top: 0;
  background-position: .6em .55em;
  } 

#sidebar ul.separators a:hover {
  text-decoration: none;
  }

#sidebar ul.spaced li {
  margin-bottom: 1em;
  }

#sidebar ul.spaced li {
  margin-bottom: .8em;
  }

#sidebar ul li img, 
.inline_sidebar ul.separators li {
   padding: 0px 0;
  }


#sidebar ul li.alt {
  background: #eee;
  }

#sidebar .sb_box.full_width ul {
  margin: 0;
  }

#sidebar .sb_box.full_width ul li {
  padding: 3px 7px;
  }

#sidebar .sb_box ul li ul {
  margin-bottom: 0;
  }

#sidebar .sb_box ul li ul li {
  margin-left: 1.8em;
  padding: 0;
  list-style-type: disc;
  background: transparent; 
  }
  


/* Tag Clouds
----------------------------------------------*/ 

.sb_tagcloud {
  margin: .5em 0 1em;
  float: left;
  }
  
.sb_tagcloud h3 {
  margin: 1em 0 .4em;
  padding: 0 0 2px;
  font-size: 1.2em;
  color: #db812e; /* Orange */
  border-bottom: 1px solid #ccc;
  }

.sb_tagcloud a.s {
  font-size: .9em;
  }

.sb_tagcloud a.m {
  font-size: 1.2em;
  }
  
.sb_tagcloud a.l {
  font-size: 1.2em;
  font-weight: bold;
  }
    

/* Login Box (Homepage)
----------------------------------------------*/ 

#login_info, #login_trouble {
  margin-top: 20px;
  margin-bottom: 7px;
  padding: 5px 0 0;
  width: 226px;
  background: #b2a98f url(/images/layout/sb_medbrown_top.gif) no-repeat left top;
  }

#login_info2, #login_trouble2 {
  padding: 0 8px 5px;
  width: 210px;
  background: url(/images/layout/sb_medbrown_bottom.gif) no-repeat left bottom;
  }

#sidebar #login_info .header, #sidebar #login_trouble .header {
  margin: 5px 0 10px;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background: transparent;
  }
  
#login_info a:link, 
#login_info a:visited, 
#login_info a:hover, 
#login_info a:active {
  color: #fff;
  }
  
#login_info input {
  margin: 0 0 5px;
  }



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

h2#welcome {
  margin: 0 0 7px;
  padding: 3px 7px 0;
  width:200px;
  font-size: 1.1em;
  }

h2#welcome.guest {
  padding-top: 12px;
  }
  
.photos_vertical {
  margin: 10px 0 0;
  width: 226px;
  line-height: 1.2;
  }

.photos_vertical h3 {
  margin: 1em 0;
  text-transform: uppercase;
  color: #944537;
  }

.photos_vertical img {
  margin: 0;
  }

.photos_vertical img {
  margin: 0;
  }

#group_creator {
  width: 222px;
  float: left;
  }

#group_creator img {
  padding: 0 7px 7px 7px;
  float: left;
  }

.button_lrg {
  margin: 20px 0;
  padding: 5px 4px 0 6px;
  width: 101px;
  height: 22px;
  text-align: center;
  background: url(/images/layout/button_lrg.png) no-repeat left top;
  }
  
.button_lrg.sm_margin {
	margin: 5px;
}

#sidebar .button_lrg a {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  }

#sidebar .button_lrg a:hover, 
#sidebar .button_lrg a:active {
  color: #000;
  text-decoration: none;
  }

#sidebar .button a {
  display: block;
  padding: 2px 0;
  line-height: 1.2;
  height: 15px;
  width: 81px;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  background: url(/images/layout/button_small.png) no-repeat left top;
  }

#sidebar .button.medium a {
  width: 120px;
  background: url(/images/layout/button_medium.png) no-repeat left top;  
  }

#sidebar .button.wide a {
  width: 160px;
  background: url(/images/layout/button_wide.png) no-repeat left top;  
  }

#sidebar .button a:hover, 
#sidebar .button a:active {
  color: #000;
  text-decoration: none;
  }



/* Table Styles
----------------------------------------------*/ 

table {
  margin: .5em 0 2em;
  background: #fff;
  width: 100%;
  clear: both;
  font-size: .9em;
  border-left: 1px solid #c0c0c0 !important;
  border-top: 1px solid #c0c0c0;
  border-collapse: collapse;
  }

/* css bugfix for 'add to any' sharing widget */
.a2a_menu table {
  border-left-width: 0px !important;
}

table.tight {
  margin-bottom: 1em;
  }

table caption {
  margin: 0;
  padding: 0 0 .5em;
  font-weight: bold;
  }

tr.alt td {
  background: #ebebeb;
  }

table td, 
table th {
  padding: 5px 5px;
  vertical-align: top;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  }
  
table tbody td {
  line-height: 1;
  }

table thead th {
  padding: 5px 5px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  vertical-align: bottom;
  background: #6d85a0;
  }

table thead th.sortcol, 
table thead th a, 
table thead th a:link, 
table thead th a:visited, 
table thead th a:active {
  padding-right: 10px;
  color: #fff;
  background: url(/images/layout/sorter.gif) no-repeat right 2px;
  }

table thead th a:hover {
  color: #000;
  }

table thead th a img {
  display:inline;
  }

table thead th a.order_by {
  background: url(/images/layout/sorter.gif) no-repeat right 2px;
  }

table thead th a.ordering {
  background-image: none;
  }

table tbody th {
  font-weight: bold;
  }

table thead th.primary_sortable {
  /* background: rgb(59, 85, 115); */
  }

table thead th.primary_sortable a {
  background-image: url(/images/layout/sorter.gif);
  text-decoration:none;
  }

table thead th.primary_sortable a:hover {
  text-decoration:none;
  border:none;
  }

table thead th.primary_sorted {
  background: rgb(59, 85, 115);
  }

table thead th.primary_sorted a {
  background-image: url(/images/layout/down.gif);
  text-decoration:none;
  }

table thead th.primary_sorted a:hover {
  text-decoration:none;
  border:none;
  }

table thead th.secondary_sorted {
  background: rgb(59, 85, 115);
  }

table thead th.secondary_sorted a {
  background-image: url(/images/layout/up.gif);
  text-decoration:none;
  }

table thead th.secondary_sorted a:hover {
  text-decoration:none;
  border:none;
  }

table.cell_borders tbody th, 
table.cell_borders tbody td {
  border-right: 1px solid #c0c0c0;
  }

th.center, 
td.center {
  text-align: center;
  }

th.center img, 
td.center img {
  margin: 0 auto;
  }

.pagination {
  margin-bottom: 7px;
  clear: both;
  }

.pagination.above {
  padding-top: 2em;
  }

.pagination span.current {
  /*padding-left: 40px;*/
	font-weight: bold;
  }

.pagination span a {
  padding: 0 2px;
  }



/* General Form Rules
----------------------------------------------*/ 

form, 
input, 
textarea {
  margin: 0;
  padding: 0;
  }

input, 
textarea {
  padding: 0 0 0 2px;
  font-size: 1.045em; /* Next lower text size in FF is .92em */
  font-family: Arial, Helvetica, sans-serif;
  }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  }

label {
  font-size: 1em;
  }
  
 .label_disabled {
 	color: #474747;
 }

form .row {
  padding: 0 0 1em;
  float: left;
  width: 100%;
  }

form .row.omega {
  padding-bottom: 0;
  }

form .row p {
  margin-bottom: 0;
  }

div.labels {
  font-weight: bold;
  } 

div.labels.left {
  width: 125px;
  float: left;
  }

div.inputs {
  width: 480px;
  float: left;
  }

div.inputs.right {
  width: 350px;
  float: left;
  }

.tip, .tips, 
div.inputs .tips {
  margin-bottom: 0;
  font-size: .9em;
  color: #7c7c7c;
  }

div.inputs p.tips.spacious {
  margin-bottom: 1em;
  }

.radiocheck_left {
  margin-top: 3px; /* See related rule in IE6.css */
  float: left;
  width: 20px;
  }


.radiocheck_right {
  padding: 0 0 0 2px;
  float: left;
  width: 458px;
  }


/* Input "Groupings"
----------------------------------------------*/ 
.fieldset_label {
  width: 100px;
  float: left;
  }

.fieldset_label h4 {
  margin-top: 0;
  }

.labeled_grouping {
  margin-bottom: 1em;
  width: 380px;
  float: left;
  }

.labeled_grouping.grey {
  padding: 10px;
  width: 360px;
  background: #eee;
  }

.labeled_grouping_bordered {
  margin-bottom: 1em;
  padding: 5px 10px;
  float: left;
  width: 356px;
  border: 1px solid #ccc;
  }

.labeled_grouping div.inputs {
  width: 350px;
  float: left;
  }

.labeled_grouping_bordered div.inputs {
  width: 335px;
  }
 
form .labeled_grouping_bordered .row {
  padding-bottom: 0;  
  }

form .col_half {
  margin: 1em 0 0;
  padding: 0 10px 0 0;
  width: 225px;
  float: left;
  background: transparent;
  }

form .col_half.omega {
  padding-right: 0;
  }

form .labeled_grouping .col_half {
  width: 160px;
  }

fieldset.container {
  margin: 0 0 1em;
  padding: 0 10px 10px 10px;
  float: left;
  width: 205px;
  }

fieldset.container h4 {
  margin: 0;
  padding: 0;
  position: relative;
  top: -.6em;
  left: -10px;
  font-size: 1em;
  }

fieldset.container input {
  margin: 0 7px 0 0;
  padding: 0;
  display: inline;
  float: left;
  font-size: 1.5em;
  }

fieldset.container label {
  padding: 0;
  display: block;
  float: left;
  width: 125px;
  line-height: 1.3; /* See related value in ie6.css */
  font-size: 1em;
  border: 0px solid red;
  }



/* Form and Link Buttons 
----------------------------------------------*/ 
.b_button, 
.r_button,
.x_button {
  margin-right: 10px;
  float: left;
  border: 1px solid #7c7c7c;
  }

.align_w_labeled_grouping {
  position: relative;
  left: 100px;
  }

.b_button input, 
.r_button input, 
.x_button input, 
#col_wrap .r_button a:link, 
#col_wrap .r_button a:visited, 
#col_wrap .b_button a:link, 
#col_wrap .b_button a:visited,
#col_wrap .x_button a:link, 
#col_wrap .x_button a:visited {
  padding: 1px 7px;  /* See related input value in ie6.css */
  float: left;
  font-size: .8em;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5; /* See related input value in ie6.css */
  text-align: center;
  display: block;
  background: #4c423a;
  border: 1px solid #fff;
  }

#sidebar .b_button input, 
#sidebar .r_button input,
#sidebar .x_button input {
  padding: 0px 3px;  /* See related input value in ie6.css */
  font-size: .9em;
  line-height: 1.5; /* See related input value in ie6.css */
  }


.r_button input, 
#col_wrap .r_button a:link, 
#col_wrap .r_button a:visited {
  background: #db672e;
  }

.x_button {
  border: 1px solid #AcAcAc;
  }

.x_button input, 
#col_wrap .x_button a:link, 
#col_wrap .x_button a:visited {
  color: #444;
  background: #d9d9d9;
  }

.r_button input:hover, 
.b_button input:hover, 
#col_wrap .b_button a:hover, 
#col_wrap .b_button a:active, 
#col_wrap .r_button a:hover, 
#col_wrap .r_button a:active {
  color: #000;
  text-decoration: none;
  } 

/*
.r_button.right input, 
.b_button.right input {
  margin-left: 10px;
  float: right;
  }
*/

/* expand and collapsible header */
.collapse, .expand {
	margin-top: 0em; 
	font-weight: bold;

	padding-left: 14px;

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

.collapse{
	background-image: url(/images/layout/icon_triangle_orange_right.gif);
}

.expand{
	background-image: url(/images/layout/icon_triangle_orange_down.gif);
}

.expand _collapse{
	background-image: url(/images/layout/icon_triangle_orange_right.gif);
}
._collapse{
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-image: url(/images/layout/icon_triangle_orange_right.gif);
}
.expand a, .collapse a {
	color: #db812e;	
}

/* Misc
----------------------------------------------*/ 
.form_elements h2 { /* For dev purposes only, used on /misc/forms.shtml */
  margin-top: 2em;
  padding: 0 5px;
  color: #fff;
  clear: both;
  background: #695f46;
  }

.form_elements h3 { /* For dev purposes only, used on /misc/forms.shtml */
  margin: 1em 0 0;
  clear: both;
  }

.warning {
  color: #bd0c0c;
  font-weight: bold;
  }

.error {
  margin: 0 0 1em;
  padding: 10px 10px;
  color: #bd0c0c;
  font-weight: bold;
  background: #eee;
  }

.error p {
  margin: 0;
  padding-left: 22px;
  background: url(/images/layout/icon_exclamation.gif) no-repeat left top;
  }

.info, .notice, .ok { /* For "success" messages - 'notice' and 'ok' are friendlier with Railsisms */
  margin: 0 0 1em;
  padding: 10px 10px;
  color: #4a9c31;
  font-weight: bold;
  background: #eee;
  }

.recaptcha_error {
  display:none;
  }

/* legacy style, to be removed */
.clean-gray{
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:10px;
	margin-bottom:10px;
}

.clean-gray h4, .clean-gray h3 {
  margin: 0 0 5px 0;
  color: #222;
}

.clean-gray h4.rust, .clean-gray h3.rust {
  color: #944537;
}

.clean-gray .labels {
  color: #474747;
}

.superadmin {
  clear: both;
	border:solid 1px #efefef; 
	background:#dedede;
	padding:10px;
	margin-bottom:10px;
}

.superadmin div.labels.left {
	width:115px;
}

.superadmin div.inputs {
	width:460px;
}

.superadmin div.inputs.right {
	width:330px;
}

/* Styles supporting "previewable" functionality
----------------------------------------------*/ 
div.previewable_tab {
  width:80px;
  text-align:center;
  background: rgb(100, 139, 178);
}

div.previewable_tab a {
  color:white;
  font-weight:bold;
}

div.previewable_html {
  background-color:white;
  border: solid #ccc 1px;
}

/* undo form-based styles that would affect content previewing */
div.previewable_html p {
  margin-bottom: 1em
}

/* style supporting inline forms and buttons appearing as links */
form.as_link {
  display:inline;
  margin: 0;
  padding: 0;
}

form.as_link input, form.as_link button, input.as_link, button.as_link {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-decoration: none;
  color: #63819F;
  cursor: pointer;
}

form.as_link input:link, form.as_link button:link, input.as_link:link, button.as_link:link {
  color: #63819F;
}

form.as_link input:visited, form.as_link button:visited, input.as_link:visited, button.as_link:visited {
  color: #a2682f;
}

form.as_link input:hover, form.as_link button:hover, input.as_link:hover, button.as_link:hover {
  text-decoration: underline;
  color: #dB812e;
}

form.as_link input:active, form.as_link button:active, input.as_link:active, button.as_link:active {
  color: #a2682f;
}



/* Banner Styles 
--------------------------------------------------------------------------------*/

#home_banner {
  margin: 0 0 10px;
  float:left;
  width: 502px;
  background: #406484 url(/images/home_banner_bg.jpg) no-repeat center top;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
  
h1#hdr_home_banner {
  margin: 35px 0 0 0;
  height: 64px;
  width: 409px;
  text-indent: -5000px;
  overflow: hidden;
  background: url(/images/headers/hdr_home_banner.png) no-repeat;
    }
  
#home_banner h2 {
  text-transform: uppercase;
  color: #faefcf;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);
  }

.banner_section {
  padding: 0 20px;
  float:left;
  }

.banner_section.darkbg {
  background: transparent url(/images/banner_section_bg.png) repeat-y;
  } 
  
.banner_section p {
  padding: 20px 0;
  color: #fff;
  width: 400px;
  }
  
.banner_col ul {
  margin: 0 0 20px 0;
  padding: 0;
  }
.banner_col li {
  margin: 0;
  list-style: none;
  padding-left: 1.7em;
    background: url(/images/layout/li_orange_bluebg.gif) no-repeat .6em .5em;
  }

.banner_section a {
  color: #fff !important;
  }

.banner_col {
  float:left;
  width: 231px;
  }
  
/* recent visitors display */
#recent_visitors {
  clear: both;
  padding-bottom: 10px;
  overflow: hidden;
  }

#recent_visitors img {
  margin: 8px 10px 0 0; 
  height: 25px;
  width: 25px; 
  }

/* Featured Wrap 
--------------------------------------------------------------------------------*/
#featured_wrap {
  margin: 0 0 10px;
  width: 502px;
  float:left;
  position: relative;
  }

#featured_wrap .controls {
  margin: 5px;
  padding: 1px;
  font-size: .9em;
  position: absolute;
  top: 0;
  right:0;
  }
  
#featured_wrap .controls li {
  float: left;
  list-style: none;
  }

#featured_wrap .controls a{
  font-size: .9em;
  text-indent: -9999px;
  display:block;
  width: 14px;
  height: 14px;
  background: url(/images/controls_inactive.png) no-repeat center center; 
  outline: none;
  }
  
#featured_wrap .controls a.active {
  background: url(/images/controls_active.png) no-repeat center center;
  outline: none;
  }   

/* Glider CSS */
div.scroller { 
  /* modify width and height of scrolling section if necessary  */    
  width: 502px; 
  height: 175px;
  overflow: hidden;
  float:left;
  background: #eee;
  }
  
  div.scroller div.section {
    /* modify width and height of each section as needed (should match the size of the scroller window) */    
    width:502px;
    height:175px;
    overflow:hidden;
    float:left;
    position: relative;
    }
  div.scroller div.featured {
    width: 10000px;
    }
    
  div.scroller div.section p {
    margin:0;
    padding: 10px;
    position: absolute;
    left:0;
    bottom: 0;
    color: #fff;
    width: 502px;
    background: #000;
    background: rgba(0,0,0,.6);
    }
    
.content_block {
  margin: 10px 0;
  float:left;
  }
  
h2.home_header {
  margin: 0 0 .4em;
  float: left;
  width: 502px;
  position: relative;
  background: url(/images/layout/dashed_horiz_line.gif) repeat-x left bottom;
  }
  
  
h2.home_header a {
  color: #e49947;
  font-weight: normal;
  font-size: .75em;
  float: right;
  display: inline;
  position: absolute;
  right: 0;
  }

/* Login Styles (in sidebar.css)*/

/* New Sidebar Box
--------------------------------------------------------------------------------*/
.sb_box2 {
  margin-bottom: 10px;
  padding: 0;
  float:left;
  width:225px;
  background: #f6f6f4;
  -webkit-background-clip: padding-box; /*Fixes background bleed*/
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
  
.sb_box2 h3 {
  margin:0;
  padding: 6px 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  background: #658bb2;
  -webkit-background-clip: padding-box; /*Fixes background bleed*/
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  }
  
.sb_box2 .sb_box2_content {
  padding:10px;
  clear:both;
  }
  
.sb_box2_content .map {
  border:1px solid #fff;
  height: 150px;
  width:203px;
  background: #ccc;
  }
  
.sb_box2_content p.r_align {
  text-align: right;
  }
  
  
  
  
/* New Logged IN Homepage
--------------------------------------------------------------------------------*/

/* Overridding site wide template for homepage */
/*body.three_columns #content { padding: 0px 14px; } */
#sidebar { 
  padding: 0px 7px 20px 0; 
  position: static; /*Fixes dropdown in user_bar */
}

#top_content {
  margin: 0 7px 0 13px;
  padding: 10px 0 10px 0;
  background: #fff;
  float:left;
  width: 728px;
  }

#top_content_logout {
  margin: 0 7px 0 14px;
  float:left;
  width: 748px;
  height: 20px;
  }
  
h2.user {
  margin: 0;
  padding: 5px;
  float:left;
  }

.progress_wrap {
  padding-top: 6px;
  font-size: .9em;
  float: left;
  }
  
.progress_bar {
  margin: 0 10px 0 20px;
  position: relative;
  top: 5px;
  float: left;
  }
  
.progress_bar, 
.progress_value {
  width: 96px;
  height: 7px;
  background: #e1e1e1 url(/images/progress_bg.png) no-repeat top left;
  }

.user_bar {
  position: relative;
  float:left;
  width: 748px;
  border: 1px solid #e9e9e9;
  background: #f6f6f4;
    -moz-border-radius: 5px;
  border-radius: 5px; 
  
  }

#sidebar_dashboard { 
  /*padding: 10px 7px 20px 0; */
  padding: 10px 5px 20px 0;
  position: static; /*Fixes dropdwon in user_bar */
  width:226px;
  float:right;
}

.user_bar.compact{
  width: 220px;
  height:100px;
}

.user_bar.notified{
  width: 220px;
  height:135px;
}
  
.user_bar .left_col {
  padding: 8px;
  float:left;
  width: 499px;
  }
  
.user_bar .right_col {

  padding: 8px 0px 5px 0px;
  float:right;
  width: 217px;
  }
 
 .down_arrow_orange{
  position:relative;
  left: 150px;
  width: 22px;
  height: 10px;
  background: url(/images/layout/down_arrow_orange.png) no-repeat
 }
 
.thumb {
  float:left;
  background: #515151;
  } 

.thumb.large { width: 66px; height: 66px;}
.thumb.med   { width: 36px; height: 36px;}
.thumb.small { width: 28px; height: 28px;}

#status_wrap {
  padding: 0 8px;
  float:left;
  width: 410px;
  }
  
#status_wrap input.i_text { margin-right: 4px; width: 300px }

#status_wrap p {
  margin: 6px 0px 0px 0px;
  font-size: .9em;
  color: #808284;
  line-height:1.1em;
  }
  
.user_bar .right_col ul {
  margin: 0px 6px 0 0;
  padding: 0;
  font-size: .9em;
  float: left;
  width: 100px;
  }
  
.user_bar .right_col li {
  margin: 0;
  list-style: none !important;
  padding-left: 1.7em;
    background: url(/images/layout/li_orange.gif) no-repeat .6em .5em;
  }
  
/*.user_bar .right_col li a { 
  color: #737373;
  }
*/
a.off_on_btn {
	display: block;
	width: 100px;
	height: 26px;
	text-decoration: none;
	}

a.off_on_btn.profile:hover, a.off_on_btn.dashboard:hover, a.off_on_btn.project:hover, a.off_on_btn.projects:hover,a.off_on_btn.post:hover {
	background-position: 0px -26px;
	}

a.off_on_btn.profile{
	background: url(/images/layout/off_on_profile.png);
}

a.off_on_btn.dashboard{
	background: url(/images/layout/off_on_dashboard.png);
}

a.off_on_btn.project{
	background: url(/images/layout/off_on_project.png);
}

a.off_on_btn.projects{
	background: url(/images/layout/off_on_projects.png);
}

a.off_on_btn.post{
	background: url(/images/layout/off_on_post.png);
}
a.btn.gray {
  padding: 3px 6px;
  font-size: .9em;
  color: #fff;
  display:block;
  background: #959595;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-border-radius: 2px;
  border-radius: 2px;
  }
  
a.btn.gray.dropdown {
    background: #959595 url(/images/dropdown_arrow.png) no-repeat 93px center;
  }
  
a.btn:hover {
  color: #000;
  text-decoration: none;
  }
  
a.btn:active {
  color: #666;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) inset;
  }
  
#anchor_bottom {
  padding:0px 5px 10px 5px;
  position: absolute;
  bottom: 20px;
  right: 0px; 
  width:205px;

  }

.user_bar.compact #anchor_bottom {
    bottom: 0px;
  }

.dash_btns {
  /*margin: 0;
  padding:0;*/
  }

.dash_btns li {
  margin:0;
  padding: 0 !important;
  float: left;
  list-style: none !important;
  background: none !important;
  }
  
.dash_btns li.dropdown {
    margin: 0;
    width: 100px;
    background: transparent url(/images/dropdown_arrow.png) no-repeat 90px center;
  }
  
.dash_btns li.dropdown ul {
  margin: 0;
  padding: 0;
  width: 100px;
  float:left;
  left: -9999px;
  position: absolute;
  z-index:999;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  }
  
.dash_btns li.dropdown:hover a.btn {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  }
  
.dash_btns li ul li a {
  padding: 3px 6px;
  font-size: 1.3em;
  /*color: #d36e00;*/
  color: #fff;
  width:90px;
  background:#fff; 
  border-top: 1px solid #eee;
  }
.dash_btns li ul li .wide{
  width:150px;
}
.dash_btns li:hover ul,
.dash_btns li.sfhover ul{
  left: auto;
  }
  
.dash_btns li:hover li,
.dash_btns li.sfhover li{
  float:left;
  width:90px;
  }
    
.dash_btns li:hover li a,
.dash_btns li.sfhover li a{
  background: #adadad;
  display:block;
  }
  
.dash_btns li:hover li a:hover {
  background: #efefef;
  color: #d36e00;
  }
  
#sb_home {
  margin: 0 0 0 7px;
  float:left;
  width: 220px;
  } 

#sb_home h3 {
  margin:0;
  float:left;
  border-bottom: 1px solid #e3e3e3;
  }

#sb_home h3.no_underline {
  border-bottom: 0px;
  }
  
#sb_home h3 a {
  margin:0;
  padding: 5px 0;
  display: block;
  width: 220px;
  color: #565656 !important;
  }
  
#sb_home h3 a.open {
  background: url(/images/layout/toggle_open.png) no-repeat center right;
  }

#sb_home h3 a.close {
  background: url(/images/layout/toggle_close.png) no-repeat center right;
  }
  
#sb_home ul {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0;
  float:left;
  width: 220px;
  }
  
#sb_home ul li {
  margin: 0 0 15px 0;
  padding: 0;
  float:left;
  list-style: none;
  background: none;
  width: 219px;
  }
  
#sb_home ul li.last {
  margin: 0 0 0px 0;
  }

#sb_home ul li .person {
  margin: 0 0 0 10px;
  padding: 0;
  float: right;
  list-style: none;
  width: 180px;
  }
  
.person p {
  margin: 0;
  padding: 0;
  color: #a0a0a0;
  float:left;
  width: 180px;
  }
  
li.more {
  border-bottom: 1px dotted #e3e3e3;  
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  position: relative;
  top: -5px;
  }
  
li.more a{
  padding: 0 5px;
  position: relative;
  float:right;
  top: 8px;
  color: #e3933c;
  background: #fff;
  }  
  
/* Suggested Connections */

#connect_with_member_box {
  position: relative;
  float:left;
  width: 196px;
  border: 1px solid #e9e9e9;
  background: #f6f6f4;
    -moz-border-radius: 5px;
  border-radius: 5px; 
  margin-bottom: 10px;
  padding: 8px;
}
  
/* Social Feed
--------------------------------------------------------------------------------*/
#social_feed {
  margin: 10px 0; float:left;
  }

#social_feed li {
  list-style:none;
  }
  
#feed_nav {
  margin: 0;
  padding: 6px 0;
  float: left;
  width: 502px;
  background: #f3f5f6;
  }
  
#feed_nav li {
  margin: 0 2px 0 0;
  padding: 0;
  float:left;
  }
  
#feed_nav li div.tab_note {
  position:absolute;
  max-width:200px;
  max-height:50px;
  background: #f3f5f6;
  padding:5px;
  border: solid #658bb2 1px;
  }

/* IE6-only hack to fix IE6 display issues */
/*\*/ * html #feed_nav li div.tab_note { width:150px; height:15px; overflow: visible; } /**/

#feed_nav li a {
  line-height:1.3em;
  margin: 0 5px;
  padding: 5px 8px;
  display: block;
  list-style: none;
  float:left;
  font-weight: bold;
  text-decoration: none;
/*
  background: #e5f2ff;
  background: #dae6f2;
  background: #f2f9ff;
*/
  background: #fcfcfc;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* border: solid #abc0d6 1px; */
  -moz-box-shadow: 1px 1px 1px #ccd;
  -webkit-box-shadow: 1px 1px 1px #ccd;
  box-shadow: 1px 1px 1px #ccd;
  }

  
#feed_nav li.active a{
  color: #fff;
  background: #658bb2;
  -moz-box-shadow: 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc;
  }

.tabContent .row{
  margin: 0;
  padding: 10px 5px;
  float:left;
  width: 492px;
  border-top: 1px solid #eaeaea;
}
  
#tabscontent ul {
  margin: 0;
  padding: 0;
  float:left;
  width: 502px;
  }
  
#tabscontent li {
  margin: 0;
  padding: 10px 5px;
  float:left;
  width: 492px;
  border-top: 1px solid #eaeaea;
  }
  
.item_detail {
  margin: 0 0 0 10px;
  float: left;
  width: 440px;
  }
  
.feed_more {
  margin: 0;
  padding: 6px 0;
  float: left;
  width: 502px;
  border-top: 1px solid #eaeaea;
  background: #f3f5f6;
  }
  
.feed_more a{
  margin-right: 5px;
  font-size: .9em;
  color: #e3933c;
  float: right;
  }
  
  
/* New General Input Styles */
input.i_text {
  padding:8px;
  border: 1px solid #c6c6c6;
  }

button.i_submit { /* Changed to button element instead of input.submit for better IE support */
  margin: 0;
  padding: 5px 8px;
  text-transform: uppercase;
  font-size: .78em;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  width: auto;       /* Fixes IE6+7's Extra Button Padding */
  overflow: visible; /* Fixes IE6+7's Extra Button Padding */
  border: 1px solid #fff;
  background: #959595;
  -webkit-background-clip: padding-box; /*Fixes background bleed*/
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-border-radius: 2px;
  border-radius: 2px;
  }
  
button.i_submit.orange {
  background: #e3933c;
  }

button.i_submit:hover {
  color: #000;
  }

#highlights {
  float:left;
  }

span.greycolor {
  color: #666;
  }

.mutual_friends {
  font-size:9px;
  background-color: white; // #db812e; // ccc;
  color:#658bb2;
  border: 1px solid #ccc;
  padding: 1px 2px 1px 2px;
  z-index: 999;
}

.beta {
  font-size:8px;
  background-color:#ccc;
  color:#658bb2;
  padding: 0 2px 0 2px;
  position:absolute;
  z-index: 999;
}

.summary_icon {
  float:left;
  width:50px;
  margin-right:10px;
}

.summary_content {
  float:left;
  width:405px;
  padding:0px;
  padding-right:5px;
  font-size:12px;
  line-height:14px;
}

.summary_reasons {
  clear:both;
  line-height:11px;
  padding-left:60px;
  color:#333;
  font-size:10px;
  height: 0px;
  visibility: hidden;
}

.small_remove{
  float: right;
  display:block;
  width:20px;
  height:20px;
  background: url('/images/layout/suggestion_remove_onoff.jpg') bottom;
  text-indent: -99999px;
}

.small_remove:hover {
  background-position: 0 0;
}

.small_add{
  float: right;
  display:block;
  width:20px;
  height:20px;
  background: url('/images/layout/suggestion_add_onoff.jpg') bottom;
  text-indent: -99999px;
}

.small_add:hover {
  background-position: 0 0;
}

img.mutual_connections{
  float:right;
}

/* ====== featured member ============*/
.fm_photo{
	padding: 0 5px 5px 5px;
	float: left;
}

.fm_name{
	font-size:1.2em;
	font-weight:bold;
	color: #666;
	line-height: 1.1em;
}

.fm_university{
	/*position: absolute;
	bottom: 0;*/
	padding-top: 8px;
	line-height: 1.2em;
}

.fm_bg{
	background: url('/images/layout/featured_member_gradient.jpg');
}