@CHARSET "UTF-8";

/*  
Style Name: Member Matching
Description: Styling for Member Matching
Version: 1.0
Author: Matt Dorst
Author URI: http://avectra.com/
Date Created: 
Notes:
*/

/* modal box old form styling - sigh */
#mm_editquestion .field_checkbox {
	position: relative;
	margin-left: 170px;
}
	
#mm_editquestion .field_checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 3px;
	border: 0 none;
}
	
#mm_editquestion .field_checkbox label {
	margin-left: 15px;
	padding: 0;
}

#multiple_choice_field.formfield.field_checkbox span.label label { float: none; }
/* fixing multislect for old forms 1.0 - we desperately need to upgrade to 2.0 */
#editmembermatchingform .field_select select.multi {
	min-height: 110px;
	height: 110px !important;
}

/* new MM list for drag/drop found in /membermatching/admin - jun 23, 09 - bender */
/* modifier for "dir_list" */
.mm_list ul {
	float: left;
}

.mm_list li.mmheader /* this is temp till i get dir-list & dir_head more formalized */{
	background: #E8E8E8 none !important;
	margin-bottom: 10px;
}
	
.mm_list li.dir_item .reorder {
	width: 20px;
	height: 20px;
	display: inline;
}
	
.mm_list li.dir_item {
	background-image: url(/themes/global/default/normal/images/icons/reorder.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 615px;
	position: relative;
	padding-left: 35px;
}
	
.mm_list li.dir_item .dir_content {
	width: 360px;
}
	
.mm_list li.dir_item:hover {
	cursor: move;
}
	
.mm_list li.dir_item .title {
	text-align: left;
	display: inline;
}
		
.mm_list li.dir_item .dir_actions {
	text-align: right;
	position: absolute;
	right: 15px;
	top: 10px;
	display: inline;
}

/*---------------------------------------- Member Match Hover (/membermatching) */
.ajaxTip img {display: block; margin: auto;}
.contentBox.mmhover {
	padding: 0px;
	width: 250px;
	border: 3px solid #e6e6e6;
	box-shadow: 0px 0px 5px rgba(0,0,0, .5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .5);
	background: #fff;
}
.contentBox.mmhover .top {
	margin: 0px;
	padding: 5px 10px;
	background: -moz-linear-gradient(top,  #0079bd,  #0e6494);
	background: -webkit-gradient(linear, left top, left bottom, from(#0079bd), to(#0e6494));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079bd', endColorstr='#0e6494');
}
.contentBox.mmhover .top span {text-decoration: underline;}
.contentBox.mmhover .bottom {padding-bottom: 10px;}
.contentBox.mmhover h2 {
	margin: 0px; 
	padding: 0px;
}
.contentBox.mmhover ul {margin: 0px; padding: 0px;}
.contentBox.mmhover ul li {
	list-style: none;
}
.contentBox.mmhover ul li.answer {
	list-style: none;
	font-weight: bold;
}

/* MM WIDGET, dashboard - 5-21-09 bender */
/*---------------------------------------- Member Match Widget (/membermatching) */
#widget_membermatching {}
	
#widget_membermatching .match {
	clear: both;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E6E6E6;
	float: left;
	width: 100%;
}
	
#widget_membermatching .pic {
	float: left;
}
			
#widget_membermatching .info {
	float: right;
	width: 135px;
}
			
#widget_membermatching .match span {
	display: block;
}
			
#widget_membermatching .match span.name {
	color: #0079BD;
	font-weight: bold;
	font-size: 12px;
}
				
#widget_membermatching .match span.company,
#widget_membermatching .match a {
	font-size: 11px;
}
				
#widget_membermatching .match span.actions {
	font-style: italic;
}
					
#widget_membermatching .match .x {
	font-weight: bold;
	color: #B3B3B3;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}
				
#widget_membermatching .match .x:hover {
	color: #BF0000;
}

/*** MM EDIT QUESTIONS ***/
#editmembermatchingform .formfield span.label {
	text-transform: none;
}

#editmembermatchingform .formfield span.label label {
	width: auto;
	text-align: left;
}
	
#editmembermatchingform .formfield select {
	clear: both;
	float: left;
	width: 400px;
}

/*** MM ADMIN ***/
.mmSummary {
	width: 730px;
	float: left;
	margin-bottom: 30px;
}
	
.mmSummary .bottom {
	background: #E8E8E8;
	border: 5px solid #D9D9D9;
	border-top: 0;
	padding: 9px 10px;
	width: 700px;
	float: left;
}
	
.mmSummary .top {
	background: #E8E8E8;
	border: 5px solid #D9D9D9;
	border-bottom: 0;
	height: 30px;
	padding: 0 10px;
	width: 700px;
	float: left;
		}
		
.mmSummary .middle {
	width: 690px;
	float: left;
	padding: 15px;
	background: #FFF;
	border-left: 5px solid #D9D9D9;
	border-right: 5px solid #D9D9D9;
}
		
.mmSummary ul.breadcrumb {
	margin: 0;
	float: left;
	margin-top: 6px;
}
			
.mmSummary ul.breadcrumb li {
	display: inline;
	margin-right: 15px;
}
			
.mmSummary ul.breadcrumb li span {
	color: #768696;
	text-transform: capitalize;
	height: 22px;
	text-decoration: none;
}
					
.mmSummary ul.breadcrumb li .norm {
	cursor: default;
}
					
.mmSummary ul.breadcrumb li a.finish {
	color: #505B66;
	text-decoration: underline;
	font-weight: bold;
}						

.mmSummary ul.breadcrumb li .active {
	background-color: #E8E8E8;
	font-size: 1.4em;
	color: #505B66;
	font-weight: bold;
}

.mmSummary .question {
	float: left;
	margin: 10px 0 20px 0;
}
			
.mmSummary .response {
	float: left;
	margin: 20px 0 10px 0;
}
			
.mmSummary td.list_criteria .question,
.mmSummary td.list_criteria .response {
	float: none;
	margin: 0;
	line-height: 1.3;
}
	
.mmSummary td.list_criteria .response {
	font-weight: bold;
}

.mmSummary .question span, .mmSummary .question h4, .mmSummary .question a, .mmSummary .response span, .mmSummary .response h4, .mmSummary .response a {
	display: inline;
}
	
.mmSummary h4 {
	color: #0077C0;
	font-size: 1.5em;
	margin: 0 5px;
}
	
.mmSummary .question a, .mmSummary .response a {
	color: #505B66;
}
				
#mm_questions ul#question_body li.odd {
	background-color: #F2F2F2;
}

#mm_questions ul#question_body li.even {
	background-color: #FFFFFF;
}

#match_list h3{
	margin-bottom: 20px;
	font-size: 12px;
	background: #F3FFEB;
	padding: 10px;
	border: 1px solid #A4E07B;
	line-height: 1.6;
	color: #86B865;
}

#match_list .pagination span {position: relative; top: 6px;}

/*---------------------------------------- My Member Matching (My Page) */
.my_membermatching {}

.match_list {float: left; width: 460px;}

.match_list .person1,
.match_list .person5, 
.match_list .person9 {clear: both;}

.match_person {
	display: inline;
	float: left;
	margin: 0 3px 15px 0;
	padding: 12px 15px;
	width: 80px;
	color: #505B66;
	text-align: center;
	text-decoration: none;
	background: #E8E8E8;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.match_person:hover {color: #0079BD;}

.match_person .avatar {float: left;}
.match_person .name {
	border-bottom: 1px solid #FFF;
	clear: both;
	float: left;
	margin: 4px 0 0 0;
	min-height: 22px;
	width: 80px;
	font-size: 11px;
	text-align: center;
	text-transform: capitalize;
	line-height: 1;
}
.match_person .actions { 
	clear: both; 
	width: 80px; 
	text-align: center; 
	border-top: 1px solid #CCC; 
	padding-top: 5px;
}

/*---------------------------------------- New Notification Features */
.update_row {
	border-bottom: 1px solid #CCC;
	float: left;
	padding: 12px;
	width: 96%;
}
.update_row .pic {float: left; margin-right: 15px;}
.update_row .update_info {float: left; margin-right: 15px; width: 250px;}
.update_row .update_info .title {display: block; color: #4d4d4d; font-size: 13px;}
.update_row .update_info .descrip {color: #999; padding: 4px 0 0 0;}
.update_row .update_info {}

.update_row a.actions {float: left; margin-right: 15px;}

.update_row div.actions {float: right;}
.update_row div.actions a {padding: 3px 4px; border-left: 1px solid #d9d9d9;}
.update_row .formfield {
	clear: none;
	float: right;
	padding: 0;
	width: auto !important;
	border: none;
}