/* NOTE:--------------------------------------------------------------------------------

Do not add any new styles to this file, it is meant to help bootstrap run on older sites.

If you want to add new styles add them to mms_custom_styles.css in this same folder

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




 /*---------------------------------------------
		CSS that I can't seem to find anywhere, 
		or "MFingBS CSS that will be the first 
		against the wall when the revolution 
		comes."
 ---------------------------------------------*/
 
 /* DL Classes*/
.dlinput dt {
	font-weight: bold;
	padding: 0;
}
.dlinput dd{
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
}
.dlinput dt small{
	font-weight:normal;
	font-size:.9em;
}

.dldisplay{
	border:1px solid #888888; 
	padding:8px;
}

.dldisplay dt{
	font-weight: bold;
	padding: 0;
}
.dldisplay dd{
	margin: 0 0 1em 0;
	padding-left:20px;
	padding-bottom:2px;
}
.dldisplay dt small{
	font-weight:normal;
	font-size:.9em;
}
.dldisplay-inverse{
	border:1px solid #888888; 
	padding:8px;
}
.dldisplay-inverse dt{
	padding:0px;
}
.dldisplay-inverse dd{
	font-weight: bold;
	margin: 0 0 1em 0;
	padding-left:20px;
	padding-bottom:2px;
}
.dldisplay-inverse dd small{
	font-weight:normal;
	font-size:.9em;
}

dl.table-display{
	float: left;
	width: 620px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

.table-display dt{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
	text-aligh: right;
}

.table-display dd{
	float: left;
	width: 400px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

dl.shorttable-display{
	float: left;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

.shorttable-display dt{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
	text-align: right;
}

.shorttable-display dd{
	float: left;
	width: auto;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

.dt-top {
	margin-bottom: 10px !important;
}


.shadow_div{
	border:1px solid #CCC;
	border-radius:10px;
	box-shadow: 6px 6px 3px #888;
	padding:6px;
	margin-right:10px;
	margin-bottom:12px;
}

.altRows tr:nth-child(even){
	background-color:#EEE;
}

.ui-icon{
	display:inline-block;
}

.unbolder{
	font-weight: normal !important;
}
/*---------------------------------------------
		End MFBS CSS
---------------------------------------------*/

/*---------------------------------------------
		CSS that looks important
---------------------------------------------*/
/* Data Tables fix*/
.css_right{ float:right; }

/* Sparkline vs. Boostrap fix */
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/**** Bootstrap & DataTables Compatibility ****/
.dataTables_wrapper .table{
	margin:0 !important;
}

/**** Chozen Multi-Select fix for Bootstrap ****/

.chzn-container-multi .chzn-choices .search-field input{
	min-height:2em;
}
.chzn-container-single .chzn-single{
	min-height:2em;
}
 /*---------------------------------------------
		good stuff - cascading last.
 ---------------------------------------------*/

#mheader_5_wrapper h1 {
	font-size: 18px;
}

#mheader_5_wrapper h3 {
	font-size: 16px;
}
/*---------------------------------------------
		Admin and Members area
---------------------------------------------*/
.hide{
	position: absolute;
	left: -9999px;
	top: -9999px;
}
fieldset {
	border: solid 1px #999999;
	padding: 5px;
	font-size: 1em;
	margin: 20px 0px;
	max-width: 100%;
}
fieldset.admin_fieldset {
	position: relative;
}
fieldset legend {
	font-size: 18px;
	color: #555555;
	padding: 5px 5px 5px 10px;
	margin: 3px;
	/* display: inline-block; */
	width: auto;
	min-width: 33%;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	background-color: #FFFFFF;
}
fieldset.admin_fieldset a{
	display: inline-block;
	font-size: 12px;
	width: 20%;
	padding-left: 5px;
	border-left: 15px solid #EEEEEE;
	margin: 5px;
	vertical-align: middle;
	transition: border-left .2s;
}
fieldset.admin_fieldset img{
	padding: 15px;
}

fieldset.admin_fieldset .admin_fieldset_toggle{
	display: inline-block;
	height: 0px;
	width: 0px;
	background-color: #FFFFFF;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #3C3C3C;
	position: absolute;
	bottom: -4px;
	right: 20px;
}
fieldset.admin_fieldset a:hover{
	border-left: 15px solid #ADADAD;
}
/*---------------------------------------------
		MMS FONT STYLES
---------------------------------------------*/
body {
	font-family: Verdana, sans;
	font-size: 12px;
}
/*---------------------------------------------
		members_alt_admin_stats.php
---------------------------------------------*/
/* The widths here were previously set in em's.  I've changed them to percentages, and added some responsive functionality */
.ui-tabs-vertical { 
	/* width: 55em; */
}
.ui-tabs-vertical .ui-tabs-nav { 
	padding: .2em .1em .2em .2em; 
	float: left; 
	width: 23%; 
}
.ui-tabs-vertical .ui-tabs-nav li { 
	clear: left; 
	width: 100%; 
	border-bottom-width: 1px !important; 
	border-right-width: 0 !important;
}
.ui-tabs-vertical .ui-tabs-nav li a { 
	display:block; 
	width:83%; 
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { 
	padding-bottom: 0; 
	padding-right: .1em; 
	border-right-width: 1px; 
	border-right-width: 1px; 
}
.ui-tabs-vertical .ui-tabs-panel { 
	padding: 1em; 
	float: right; 
	width: 75%;
}
/*---------------------------------------------
		SVG Icon Styles
---------------------------------------------*/
.svg_icon {
	background-color: rgba(0,0,50,.1);
	border: 1px solid #cccccc;
	border-radius: 4px;
	min-height: 50px;
}
.svg_icon .svg_image{
	
}
#coverModal{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.8);
	text-align: center;
	width: 100%;
	z-index: 200;
}
#modalForm {
	background-color: #ffffff;
	border-radius: 8px;
	max-width: 80%;
	min-width: 60%;
	padding: 30px 20%;
	margin: 20% auto;
	text-align: left:
}
#modalForm form, #modalForm input, #modalForm textarea{
	display: block;
	text-align: left;
	width: 100%;
}
#modalForm input, #modalForm textarea{
	margin: 4px 0px 10px;
}
#modalForm input[type=submit]{
	text-align: center;
}
/*---------------------------------------------
		Members Area Functions
---------------------------------------------*/
.maf {
	width: 33% !important;
}
#content_table{
	margin: 0px auto; 
}