/* ----- Program Filter -------------------------------------------------------------------------------------------------------------------------------------------------- */

#program-picker-simple { padding:6px 5px; border:1px solid #D5D8DF; border-radius:7px; }
#program-picker-simple a.program-button { display:inline-block; width:267px; margin:3px 4px 3px 4px; padding-right:10px; border:1px solid #B6B6B6; border-radius:7px; font-size:12px; color:#2662A4; text-decoration:none; line-height:0px; color:#143356; }
#program-picker-simple a.program-button.selected { border:1px solid #143356; background:#2662A4; color:#FFFFFF; }
#program-picker-simple a.program-button b { font-weight:normal; display:table-cell; height:40px; line-height:15px; vertical-align:middle; }
#program-picker-simple a.program-button:hover { border:1px solid #143356; background:#F0F0F0; color:#2662A4; }
#program-picker-simple a.program-button img { float:left; height:40px; margin-right:9px; vertical-align:middle; border:none; border-right:1px solid #B6B6B6; border-radius:7px; }
#program-picker-simple a.program-button.selected img { border-right:1px solid #143356; }
#program-picker-simple a.program-button:hover img { border-right:1px solid #143356; }



/* ----- Programs -------------------------------------------------------------------------------------------------------------------------------------------------------- */

.program-box { margin:15px 0; padding:10px; border:1px solid #D5D8DF; border-radius:7px; }
.program-box .image { margin:0 10px 10px 0; /*padding:2px; border:1px solid #CCCCCC; border-radius:10px;*/ line-height:0; }
.program-box .image a { display:block; line-height:0; background:#FFFFFF; /*border:1px solid #B6B6B6;*/ border-radius:7px; }
.program-box .image img { margin:1px; border-radius:7px; border:none; }
.program-box h3 { margin:0 0 5px 0; }
.program-box h3 a { font-size:16px; color:#3B71AD; text-decoration:none; }
.program-box h3 a:hover { color:#EBA742; }
.program-box .description { margin:0 0 10px 0; font-size:12px; color:#000000; }
.program-box .subprogram { width:270px; min-height:60px; margin:5px 0 0 0; }
.program-box .subprogram.odd { margin-right:20px; }
.program-box .subprogram .thumb { margin-right:10px; }
.program-box .subprogram .thumb img { border-radius:8px; border:1px solid #D5D8DF; }
.program-box .subprogram h4 { margin:15px 0;  }
.program-box .subprogram h4 a { font-size:14px; font-weight:normal; color:#3A71AC; text-decoration:none; }
.program-box .subprogram h4 a:hover { color:#EBA742; }
.program-box .mentor h4 { margin:3px 0 3px 0;  }
.program-box .mentor h4 a { font-size:14px; font-weight:normal; color:#3A71AC; text-decoration:none; }
.program-box .mentor h4 a:hover { color:#EBA742; }

.program-details { margin:5px 0 25px 0; }
.program-details .image { margin:0 10px 10px 0; /*padding:2px; border:1px solid #CCCCCC; border-radius:10px;*/ line-height:0; }
.program-details .image a { display:block; border:1px solid #B6B6B6; border-radius:8px; line-height:0; }
.program-details .image img { margin:1px; border-radius:8px; border:none; }
.program-details .description { margin:0 0 10px 0; font-size:12px; color:#000000; }

.tab-controls { margin:20px 0 30px 0; padding:0 20px; border-bottom:1px solid #D5D8DF; }
.tab-controls a.tab { display:inline-block; position:relative; bottom:-2px; margin:3px 1px 0 1px; padding:10px 20px; font-size:14px; background:#F0F0F5; border:1px solid #D5D8DF; border-radius:10px 10px 0 0; border-width:1px 1px 0 1px; text-decoration:none; }
.tab-controls a.tab span { color:#EBA742; }
.tab-controls a.tab.active { bottom:-1px; font-size:20px; margin-top:0; background:#FFFFFF; }

#container-login,
#container-register { padding-left:80px; }
.align-with-input { padding-left:125px; }

#mentor-form input { clear:left; float:left; }
#mentor-form .label { float:left; margin-bottom:10px; }
#mentor-form .label label i {  }

/* Programs Info box */
.program-info-box-part-of { margin:20px 10px 5px 0; line-height:20px; font-size:16px; font-weight:bold; color:#AAAAAA;  }
.program-info-box { margin:0 0 20px 0; padding:10px 0; border:1px dashed #D5D8DF; border-width:1px 0; }
.program-info-box h3 a { display:block; max-width:220px; color:#2662A4; text-decoration:none; }
.program-info-box h3 a:hover { color:#EBA742; }
.program-info-box .image { display:inline-block; margin:0 5px 5px 0; /*padding:2px; border:1px solid #CCCCCC; border-radius:10px;*/ line-height:0; }
.program-info-box .image a { display:block; line-height:0; background:#FFFFFF; border:1px solid #B6B6B6; border-radius:7px; }
.program-info-box .image img { margin:1px; border-radius:7px; border:none; }
.program-info-box .program-figures-container { width:280px; margin-left:10px; padding-left:10px; border-left:1px dotted #D5D8DF; }
.program-info-box .program-figures-container .program-figures { padding-left:5px; font-size:13px; color:#AAAAAA; }
.program-info-box .program-figures-container span.count { display:inline-block; width:40px; text-align:right; font-weight:bold; }
.program-info-box .program-figures-container .figure { line-height:18px; }
.program-info-box .program-figures-container .figure.students { background:url(../../layout/icons/silk/user.png) no-repeat left; }
.program-info-box .program-figures-container .figure.mentors { background:url(../../layout/icons/silk/user_suit.png) no-repeat left; }
.program-info-box .program-figures-container .figure.articles { background:url(../../layout/icons/silk/page_white_text.png) no-repeat left; }
.program-info-box .program-figures-container .figure.blog-posts { background:url(../../layout/icons/silk/page.png) no-repeat left; }
.program-info-box .program-figures-container .figure.blog-comments { background:url(../../layout/icons/silk/comments.png) no-repeat left; }


/*
 *  Matching between a Student and Mentor
 */

#program-student-matches .program { font-size: 16px;  }
#program-student-matches .program label { font-weight: bold; padding-right: 10px; }
#program-student-matches .program span.title { height:30px; line-height:30px; }

#program-student-matches .student-box,
#program-student-matches .mentor-box 
{ 
	font-size: 14px;
	float: left;
	width: 355px;
}

#program-student-matches .mentor-box 
{
	float: right;
}

#program-student-matches .student-box div, 
#program-student-matches .mentor-box div 
{ line-height: 25px; }

#program-student-matches .user 
{ font-weight: bold; }

#program-student-matches .round-box .separator
{
	float: left;
	width: 100px;
	font-weight: bold;
	font-size: 30px;
	padding-top: 20px;
	color: #777;
}




.tipsy-inner { text-align:left !important; }
.tipsy-inner h3 { margin:5px 0; font-size:16px; }
.tipsy-inner span.count { display:inline-block; width:40px; text-align:right; font-weight:bold; }
.tipsy-inner .program-figures { padding-left:5px; font-size:13px; color:#666666; }
.tipsy-inner .figure { line-height:18px; }
.tipsy-inner .figure.students { background:url(../../layout/icons/silk/user.png) no-repeat left; }
.tipsy-inner .figure.mentors { background:url(../../layout/icons/silk/user_suit.png) no-repeat left; }
.tipsy-inner .figure.articles { background:url(../../layout/icons/silk/page_white_text.png) no-repeat left; }
.tipsy-inner .figure.blog-posts { background:url(../../layout/icons/silk/page.png) no-repeat left; }
.tipsy-inner .figure.blog-comments { background:url(../../layout/icons/silk/comments.png) no-repeat left; }