/**
	Styles for elements that appear on both public-facing and administrative screens.

	COLORS
	Primary Green ........ #5da73c
	Secondary Green ...... #a2c357
	Grey ................. #333e48
*/

/*
####################################################
#    NCNM Notice                                   #
####################################################
*/
	.ncnm-notice {
		background-color: #ffffaa;
		border: 1px solid #eeee9e;
		border-radius: 5px;
		font-size: 1em;
		margin-bottom: 20px;
		padding: 10px;
	}
	.ncnm-notice h1 {
		font-size: 16px;
		line-height: 1;
	}
	.ncnm-notice label {
		font-size: inherit;
	}
	.ncnm-notice > * ,
	.ncnm-notice > h1,
	.ncnm-notice > p {
		margin: 0 0 7px;
		padding: 0;
	}
	.ncnm-notice > * {
		margin-bottom: 0 ;
	}
	.ncnm-notice > ol,
	.ncnm-notice > ul,
	.ncnm-notice-multiple > ol,
	.ncnm-notice-multiple > ul {
		list-style-position: inside;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.ncnm-notice-multiple ul li:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.ncnm-notice .jump-to-field {
		white-space: nowrap;
	}
	.ncnm-notice a:focus,
	.ncnm-notice a:hover,
	.ncnm-notice a:active {
		background-color: #fff;
	}


/*
####################################################
#    NCNM Profile                                  #
####################################################
*/
	.ncnm-card,
	.ncnm-profile	{
		margin: 30px 0 45px;
	}
	.ncnm-card,
	.ncnm-profile,
	.ncnm-card table,
	.ncnm-profile table,
	.ncnm-card tbody,
	.ncnm-profile tbody {
		width: 550px;
	}
	.ncnm-card table,
	.ncnm-profile table {
		border: 1px solid #ccc;
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	.ncnm-card caption,
	.ncnm-profile caption {
		font-weight: bold;
		line-height: 2.1;
		text-align: left;
	}
	.ncnm-card td,
	.ncnm-profile td {
		border-bottom: 1px solid #ccc;
		padding: 7px;
		vertical-align: top;
	}
	.ncnm-card .label,
	.ncnm-profile .label {
		font-weight: bold;
		text-align: left;
	}
	.ncnm-card .value,
	.ncnm-profile .value {
		text-align: right;
	}
	.ncnm-card-edit-link,
	.ncnm-profile-edit-link {
		text-align: right;
		margin: 1px 0 0;
		padding: 0 5px 0 0;
	}
	.ncnm-profile-roles {
		margin-top: 0;
		padding-top: 0;
	}


/*
####################################################
#    NCNM Attention                                #
####################################################
*/
	.ncnm-attention {
		background: #fff;
		border-left: 4px solid #dc3232;
		-webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
		box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
		margin: 5px 15px 2px 0;
		padding: 1px 12px;
		max-width: 550px;
	}
	.ncnm-attention p {
	    margin: 0.5em 0;
		padding: 2px;
	}


/*
##############################################################
#    Unary Input                                             #
#    @since 2016-01-28                                       #
##############################################################
*/
	.ncnm-unary-input {
		margin: 1em 0;
	}
	.ncnm-unary-input:after {
		clear: both;
		content: '';
		display: block;
	}
	.ncnm-unary-input label {
		display: block;
		font-weight: normal;
		white-space: normal;
	}
	.ncnm-unary-input input,
	.ncnm-unary-input select,
	.ncnm-unary-input textarea {
		width: 98%;
	}
/*
##############################################################
#    Binary Inputs.                                          #
#    @since 2016-01-28                                       #
##############################################################
*/
	.ncnm-binary-input {
		margin: 1em 0;
	}
	.ncnm-binary-input:after {
		clear: both;
		content: '';
		display: block;
	}
	.ncnm-binary-input > div {
		width: 48%;
		float: left;
		margin-right: 2%
	}
	.ncnm-binary-input > div label {
		display: block;
		font-weight: normal;
		white-space: normal;
	}
	.ncnm-binary-input > div input,
	.ncnm-binary-input > div select {
		width: 100%;
	}


/*
##############################################################
#    Ternary Inputs                                          #
#    @since 2016-01-28                                       #
##############################################################
*/
	.ncnm-ternary-input {
		margin: 1em 0;
	}
	.ncnm-ternary-input:after {
		clear: both;
		content: '';
		display: block;
	}
	.ncnm-ternary-input > div {
		width: 31.3%;
		float: left;
		margin-right: 2%
	}
	.ncnm-ternary-input > div > label {
		display: block;
		font-weight: normal;
		white-space: normal;
	}
	.ncnm-ternary-input > div > input,
	.ncnm-ternary-input > div > select {
		width: 100%;
	}


/*
##############################################################
#    MISC                                                    #
##############################################################
*/
	.ncnm-empty-value {
		color: #999;
	}
	.ui-autocomplete-loading {
		background-image: url( "spinner.gif" );
		background-position: 98% center;
		background-repeat: no-repeat;
	}


/*
##############################################################
#    NCNM Profile: Full User Interface                       #
##############################################################
*/
	.ncnm-profile-ui {
		background: #fff;
		border: 1px solid #c7c7c7;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		margin-bottom: 30px;
		padding: 0;
	}
	.ncnm-profile-ui > legend,
	#your-profile .ncnm-profile-ui > legend {
		background-color: #eee;
		border-bottom: 1px solid #c7c7c7;
		float: left;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 1em;
		width: 100%;
	}
	.ncnm-profile-ui > legend > span {
		display: block;
		padding: 10px 20px;
	}
	.ncnm-profile-ui > * {
		clear: both;
		padding: 0 14px 10px;
	}
	.ncnm-profile-ui > legend {
		padding: 0;
	}
	.ncnm-profile-ui > div {
		clear: both;
	}
	.ncnm-profile-ui > div > p {
		float: left;
	}
	.ncnm-profile-ui > div > p label,
	.ncnm-profile-ui > div > p input {
		float: left;
	}
	.ncnm-profile-ui > div > p input {
		clear: left;
	}
	.ncnm-profile-ui .instructions {
		margin: 0;
		padding-top: 10px;
	}
	.ncnm-profile-ui  .last-updated {
		float: right;
		font-weight: normal;
		font-size: 12px;
		font-style: italic;
		color: #555;
	}
	/* Nested Fieldsets */
	.ncnm-profile-ui > fieldset,
	#your-profile .ncnm-profile-ui > fieldset {
		background: #fcfcfc;
		border: 1px solid #ccc;
		margin: 1em;
	}
	.ncnm-profile-ui > fieldset > legend,
	#your-profile .ncnm-profile-ui > fieldset > legend {
		font-size: 1em;
		font-weight: bold;
	}


/*
##############################################################
#    NCNM Profile: Name                                      #
##############################################################
*/
	.ncnm-profile-ui-name > div > p {
		float: left;
		padding-right: 0.75em;
	}
	.ncnm-profile-ui-name > div > p label,
	.ncnm-profile-ui-name > div > p input {
		float: left;
	}
	.ncnm-profile-ui-name > div > p input {
		clear: left;
	}
	#ncnm-profile-ui-name_suffix,
	#ncnm-profile-ui-name_prefix {
		width: 4em;
	}
	#ncnm-profile-ui-staff_title-container {
		clear: both;
		width: 100%;
		max-width: 675px;
	}
	#ncnm-profile-ui-staff_title-container input {
		width: 100%;
	}


/*
##############################################################
#    NCNM Profile: Contact                                   #
##############################################################
*/
	#ncnm-profile-ui-address,
	#profile-page #ncnm-profile-ui-address {
		min-height: 5em;
		width: 100%;
	}


/*
##############################################################
#    TABLE: Questionnaire                                    #
##############################################################
*/
	table.questionnaire {
		border: 1px solid #c7c7c7;
		border-collapse: collapse;
		margin-bottom: 30px;
		width: 100%;
	}
	table.questionnaire caption {
		background: #eeeeee;
		border: 1px solid #c7c7c7;
		border-bottom-width: 0;
		font-weight: bold;
		padding: 10px 20px;
	}
	table.questionnaire tbody {
		border: 1px solid #red;
	}
	table.questionnaire tr {
		background-color: #fff;
	}
	table.questionnaire tr.focused {
		background-color: #dfebfd;
		border-left-color: #1b6ea8;
		border-right-color: #1b6ea8;
	}
	table.questionnaire tr.control-text td.control-text-label,
	table.questionnaire tr.control-question td.control-question-text {
		padding: 3px 3px 3px 20px;
	}
	table.questionnaire tr.control-question.required label:after {
		content: '';
	}
	table.questionnaire tr.control-text.required label:after,
	table.questionnaire tr.control-question.required td.question:after {
		color: #aa0000;
		content: '\0020\002A';
		font-weight: bold;
	}
	table.questionnaire td {
		vertical-align: middle;
	}
	table.questionnaire td {
		border-bottom: 1px solid #c7c7c7;
	}
	table.questionnaire tbody tr:last-child > td {
		border-bottom-width: 0;
	}
	table.questionnaire .question,
	table.questionnaire .answer {
		padding: 3px;
	}
	table.questionnaire .answer {
		min-width: 6em;
		min-width: 25px;
		position: relative;
		text-align: center;
	}
	table.questionnaire .answer-yes,
	table.questionnaire .control-text-input {
		border-left: 1px dotted #c7c7c7;
	}
	table.questionnaire .answer-no {
		border-left: 1px dotted #c7c7c7;
		border-right: 1px dotted #c7c7c7;
	}
	table.questionnaire .answer label {
		display: inline-block;
		padding: 4px 20px;
		vertical-align: middle;
		white-space: nowrap;
	}
	table.questionnaire .control-text-input {
		text-align: center;
	}
	fieldset > table.questionnaire {
		border-left-width: 0;
		border-right-width: 0;
		margin-bottom: 0;
	}
	fieldset > table.questionnaire tr {
		background-color: transparent;
	}


/*
##############################################################
#    Radius: Events                                          #
##############################################################
*/
	.radius-event-list {
		margin: 20px 0 40px;
	}
	.radius-event-list > ul {
		border-bottom: 1px dashed #c2cbd2;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.radius-event {
		border-top: 1px dashed #c2cbd2;
		line-height: 1.35;
		padding: 20px 0;
	}
	.radius-event:after {
		clear: both;
		content: '';
		display: block;
	}
	.radius-event * {
		color: #333e48;
		font-size: 14px;
	}
	.radius-event .radius-event-name {
		color: #333e48;
		font-size: 15px;
		font-size: 18px;
		line-height: 1;
		margin: 0;
	}
	.radius-event-date {
		margin-bottom: 13px;
	}
	.radius-event-timespan {
		display: block;
	}
	.radius-event-location {
		margin-bottom: 13px;
	}
	.radius-event .radius-location-name { /* Yes, we need to be this specific. */
		color: #333e48;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	.radius-location-room {
		font-style: italic;
		font-weight: normal;
		white-space: nowrap;
	}
	.radius-event-list > h2 {
		clear: none;
		float: left;
	}
	.radius-event-list > h3 {
		clear: none;
		font-size: 12px;
		font-weight: normal;
		float: right;
	}
	.radius-event-list > ul {
		clear: both;
	}
	@media (min-width: 800px) {
		.radius-event-list > h2 {
			float: left;
			line-height: 1;
			margin-bottom: 10px;
		}
		.radius-event {
			padding: 20px 0;
			margin-bottom: 0;
		}
		.radius-event-header,
		.radius-event-location {
			float: left;
			width: 200px;
			width: 39%;
		}
		.page-template-template-no-sidebar .radius-event-header,
		.page-template-template-no-sidebar .radius-event-location {
			width: 43%;
		}
		.radius-event-location {
			margin-left: 15px;
		}
		.radius-event .radius-event-name {
			font-size: 14px;
			font-weight: bold;
		}
		.radius-event-call-to-action {
			float: right;
		}
		.radius-event-call-to-action .more-info {
			text-align: center;
			display: block;
			padding-top: 15px;
		}
	}


/*
##############################################################
#    Document Lists                                          #
##############################################################
*/
	ul.ncnm-document-list,
	ul.ncnm-document-list > li > ul {
		margin: 0 0 30px;
		padding: 0;
		list-style-type: none;
	}
	ul.ncnm-document-list h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}


/*
##############################################################
#    jQuery Table Sorter Plugin                              #
##############################################################
*/
	table.tablesorter {
		background-color: #ccc;
		margin:10px 0pt 15px;
		width: 100%;
		text-align: left;
	}
	table.tablesorter thead tr th,
	table.tablesorter tfoot tr th {
		border: 1px solid #ccc;
		padding: 4px;
	}
	table.tablesorter thead tr .header {
		background-image: url( "jquery.tablesorter-arrow-bg.gif" );
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}
	table.tablesorter tbody td {
		color: #3d3d3d;
		padding: 4px;
		background-color: #fff;
		vertical-align: top;
	}
	table.tablesorter tbody tr.odd td {
		background-color:#F0F0F6;
	}
	table.tablesorter thead tr .headerSortUp {
		background-image: url( "jquery.tablesorter-arrow-asc.gif" );
	}
	table.tablesorter thead tr .headerSortDown {
		background-image: url( "jquery.tablesorter-arrow-desc.gif" );
	}
	table.tablesorter thead tr .headerSortDown,
	table.tablesorter thead tr .headerSortUp {
		background-color: #bbb;
	}