@charset "utf-8";
/* Mense Law CSS Document */

html{
	height:100%;				/* Force vertical scrollbars in VTz + Opera to prevent 'jumping' */
	margin-bottom:1px;
	overflow-y:scroll;			/* this line is for IE */
}
body {
	background-color: #ffffff;
	font-family: 'PT Sans', sans-serif;
    line-height: 22px;
}

.OrderForm table {  border-spacing: 0px;    }
.OrderForm td {padding: 10px; vertical-align: top;}
.OrderForm td td {padding: 0px;}


/* for DocAssemble */
.alert-success {display: none;}

#dabody, #damain {  
    background: url(https://www.menselaw.com/images/CompassWatermark.png) no-repeat;
    background-position: right 200px; 
    min-height: 1000px;
}
#dabody {    
    text-align: center;
}
.bg-dark {background-color: #991c1f!important;}

/*body.dabody::before {content: "this is before the menu"}*/

#damain::before { 
  content: url(https://www.menselaw.com/images/DA-header.jpg);
margin-left: auto; margin-right: auto;
}

#dabody::before { content: url(https://www.menselaw.com/images/DA-header.jpg);}

#daquestion::after { }
.da-page-header::after { }

.da-attachment-title-wrapper,
.da-attachment-tab-download-rtf,
.da-attachment-tablist,
.da-attachment-tab-download-intro,
#da_attachment_include_editable,
label[for="da_attachment_include_editable"]
{display: none;}


ul.dastartpage:last-child li:last-child {margin-bottom: 20px;}
ul.dastartpage {margin-bottom: 100px; }
ul.dastartpage::after {content: "Please sign in at the top right corner. You have 45 days to complete your form and you may purchase additional instances if you would like. If you have any issues, please contact customer service at legaldocuments@menselaw.com."}

#dabody::after {  content: url(https://www.menselaw.com/images/DA-footer.png);} /* after end of interview */
#damain::after {  content: url(https://www.menselaw.com/images/DA-footer.png);} /* after end of each question */

.da-page-header {
    margin: 10px 0 30px;
    border-bottom: 0px;
}

#daquestion {
    width: 100%;
    margin-left: auto; margin-right: auto;
    min-height: 400px;
}
.da-subquestion
{margin-bottom: 30px;}

#dabody .row {    
}
.dabackbuttoncolor {
    background-color: yellow;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
    color: black!important;
    font-weight: bold!important;
}
.FinalReview p {
    text-align: left;
    margin-left: 20px;
}
.FinalReview .btn-success {
    color: #fff;
    background-color: black;
    border-color: black;
}
.FinalReview .btn-success:hover {
    color: #fff;
    background-color: #991c1f;
    border-color: #991c1f;
}
.FinalReview .form-actions button {
    margin-top: 30px;
}

.btn-primary:hover {
    background-color: black!important;
}

.FinalReview .form-actions button[type="submit"]::after {
    font-size: 80%;
    display: block;
    content: "(Compiling your documents may take a few minutes)"
}
.FinalReview .form-actions button[type="submit"]:hover {
    background-color: green!important;
    border-color: green!important;
}


button[name="X211bHRpcGxlX2Nob2ljZQ"] {
    background-color: green!important;
    border-color: green!important;
}


@media (min-width: 1200px) {
    #dabody .container {
        max-width: 1000px;
    }
}
    
@media (min-width: 1200px){
    #dabody .col-lg-6 {
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
    }
}
@media (min-width: 992px) {
#dabody .col-lg-6 {
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
    }
}
@media all and (max-width: 1000px) {
    #damain::before,
    #dabody::before
    { 
      content: url(https://www.menselaw.com/images/DA-header-mobile.png);
        margin-left: auto; margin-right: auto;
    }  
}

/*****************************************************/

.nav-tabs .nav-link {
    padding: .5rem 3rem;
}
.btn-primary {
    color: #fff;
    background-color: #991c1f;
    border-color:  #991c1f;
}


/* FONT SIZES */
h1 { 	font-size: 130%;}
h2 { 	font-size: 120%;}
h3 { 	font-size: 110%;}
.DisclaimerText {font-size: 70%; line-height: 15px; padding-top: 5px;}
.TextBody 		{font-size: 100%;}


a:link, a:visited, a:active {
	color: #991c1f;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #fece08;
	font-weight: bold;
	text-decoration: none;
}

p {   margin: 0px;   padding: 0px; margin-bottom: 10px;}


h1{	
	text-align: center;
	vertical-align: top;
	color: #991c1f;		/* red */
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

h2{	
	color: #3b3837;		/* dark gray */
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 30px;
	text-align: left;
}
h3{	
	color: #991c1f;		/* red */
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	display: inline;
}
.AssociationBar {
	max-width: 1000px;
	margin: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.AssociationBar img, .AssociationBar img.FirstImage {padding-right: 32px; }
.AssociationBar img, .AssociationBar img.LastImage  {padding-left: 30px;}
.AssociationBar img.FirstImage {padding-left: 0px; margin-left: -30px; padding-right: 15px; }
.AssociationBar img.LastImage  {padding-right: 0px;}

#Banner {
	max-width: 988px;
	margin: auto;
	margin-bottom: 8px;
	background-color: #e1e1e1;
	padding: 6px;
	-webkit-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#BannerL {	display: inline-block; float: left;  }
#BannerR {	display: inline-block; padding-left: 40px;}

.colorRed {color: #991c1f;}
.colorGrayDk {color: #3b3837;}
.colorGrayLt {color: #e1e1e1;}

img {border:0px; padding:0px;}
img.framed {border:1px; padding:0px; border-color:#000;}

.Clear {clear: both;}

.Centered {margin: auto; }
.ContentsCentered {text-align: center;}
.ContentsLeft {text-align: left;}
.ContentsRight {text-align: right;}

.Copyright{
	text-align: center;
	color: #000;
	line-height:30px;
	vertical-align:middle;
	font-weight:normal;
}
.FloatR {float: right; padding-left: 10px;}
.FloatL {float: left; padding-right: 10px;}
.FloatingThird {float: left; width: 33%;}

.Footer {
	max-width: 1000px;
	margin: auto;
	text-align: left;
}
.FooterTable {width: 100%;}
.FooterCol1 {width: 68%;}
.FooterCol3 {width: 28%;}

.FrameBlack {
	background-color: #000; 
	padding: 5px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.FrameGray {
	background-color: #ddd; 
	padding: 5px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.FrameTeam {clear: both; margin-right: 10px; margin-bottom: 10px;}

.KeepTogether {display: inline-block;}

.Link_Copyright:link, .Link_Copyright:visited, .Link_Copyright:active {
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
}
.Link_Copyright:hover {
	color: #e1e1e1;
	font-weight:normal;
}

.Link_Nav {
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	padding-right: 5px;
	padding-left: 25px;
}
.Link_Nav:link, .Link_Nav:visited, .Link_Nav:active {	color:#fff;}
.Link_Nav:hover {color:#000;}

.PadTop5 {margin-top: 5px;}


.SidebarHeading{
	width: 200px;
	background-color: #e1e1e1;
	padding: 6px;
	-webkit-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'PT Sans', sans-serif;
	color: #3b3837;		/* dark gray */
	font-weight: bold;
}

.TextBody {
	color: #000000;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}


ul  {margin-top: 0px;}
ul li {margin-left: -25px;}

.VertBottom {vertical-align: bottom;}
.VertMid {vertical-align: middle;}
.VertTop {vertical-align: top;}



/*  NAVIGATION */
.NavBar {
	background-color: #991c1f;
	max-width: 988px;
	min-height: 40px;
	margin: auto;
	margin-top: 5px;
	padding: 6px;
	-webkit-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* DROPDOWN MENU THAT WORKS PROPERY ON IPHONES AND ANDROID ==================== */
/* must be combined with dropdown menu fix in header, jquery-1.7.min.js */
#mainmenuContainer { text-align: left;}
#mainmenu {
	padding-top: 10px; padding-bottom: 0px;
	color: #fff;
	text-align: center;	
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}

#mainmenu a {			color: #FFFFFF;	text-decoration:none; font-size: inherit; 	font-family: 'PT Sans', sans-serif;}
#mainmenu a:hover { 	color: #000; text-decoration:none; font-size: inherit; 	font-family: 'PT Sans', sans-serif;}
	
/* - - - ADxMenu:BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
#mainmenu, #mainmenu ul {	margin:0;	padding:0;	border:0;	list-style-type:none;	display:block;	z-index:1000;}


#mainmenu ul { /* this applies to the dropdown part */
	margin-top: 10;
	padding: 0px;
	text-align: left;
	background: #991c1f;
	width: 250px; 
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;

}
#mainmenu ul ul {
	margin: 0 0 0 -10px;
	padding: 7px 7px 7px 0px;

}
#mainmenu li {
	margin: 0 28px 0 28px; /* DISTANCE BETWEEN LINKS, also adjust .first and .last */
	padding: 0;	
	vertical-align:middle;
    border:0;
	display:inline;
	float:left;	/* move all main list items into one row, by floating them */
	position:relative;/* position each LI, thus creating potential IE.win overlap problem */
	z-index:5;/* thus we need to apply explicit z-index here... */
	vertical-align:middle;
}

#mainmenu ul li   display:block;	float:none; 

#mainmenu li:hover {
	z-index:10000;		/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space:normal;	/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) */
}
#mainmenu li li {
	float: none;	/* items of the nested menus are kept on separate lines */
	padding: 0px 0px 0px 0px;
}
#mainmenu li li a {
	display: block;
	margin-left: 5px;
}
#mainmenu ul {
	visibility:hidden;	/* initially hide all submenus. */
	position:absolute;
	z-index:10;
	left:0;				/* while hidden, always keep them at the top left corner, */
	top:0;				/* to avoid scrollbars as much as possible */
}
#mainmenu li:hover>ul { 	visibility:visible;	/* display submenu them on hover */	top:100%;			/* 1st level go below their parent item */}
#mainmenu li li:hover>ul {/* 2nd+ levels go on the right side of the parent item */	top:0;	left:100%;}


/* -- float.clear --  force containment of floated LIs inside of UL */
#mainmenu:after, #mainmenu ul:after { 	content:".";	height:0;	display:block;	visibility:hidden;	overflow:hidden;	clear:both;}
#mainmenu, #mainmenu ul {/* IE7 float clear:*/	min-height:0;}
/* -- float.clear.END --  */

/*
#mainmenu ul { 	width:180px; }
#mainmenu ul ul {	width: 300px;} */
#mainmenu li.hidden {	display:none;}



/* MOBILE OPTIMIZATION *************************************** */
img { max-width: 100%; height: auto; }

.MobileOpt img {height: auto;}
.table1000 {   display: block; max-width: 1000px;   border-collapse: collapse; margin: auto;   }

/* FOR SPECIFIED VIEWPORTS */ 
@media all and (min-width: 1000px) {
	#BodySection {
		margin: auto;
		background:url(images/CompassWatermark.png) no-repeat;
		width: 1000px;
		min-height: 800px;
	}
	.Copyright, .Link_Copyright { font-size: 14px; line-height:14px;}
	.Link_Nav 	{font-size: 24px; line-height: 40px;}
	.FooterText		{font-size: 16px; line-height:18px;}
	#mainmenu li { font-size: 24px; line-height: 40px;}
	#mainmenu li li { font-size: 16px; line-height: 26px; vertical-align: middle;}
	.MobileHide {display: inline-block;}
	ul.MobileHide {display: inline;}
	.MobileShow, .MobileShow ul {display: none;}
}
/* Tablets to Desktops */ 
@media all and (min-width: 768px) and (max-width: 999px) {
	#BodySection {
		margin: auto;
		background: none;
		width: 100%;
	}
	#BannerR {	display: block; padding-left: 0px; margin: auto;}
	.Copyright, .Link_Copyright { font-size: 14px; line-height:14px;}
	.Link_Nav 	{font-size: 26px; line-height: 35px;}
	.FooterText		{font-size: 14px; line-height:16px; }
	#mainmenu li { font-size: 20px; line-height: 30px; }
	#mainmenu li li { font-size: 16px; line-height: 26px; vertical-align: middle;}
	.MobileHide, ul.MobileShow {display: none;}
	.MobileShow {display: inline-block;}
}

@media all and (max-width: 767px) { 
	#BodySection {
		margin: auto;
		background: none;
		width: 100%;
	}
	#BannerR {	display: block; padding-left: 0px; text-align: left;}
	.Copyright, .Link_Copyright { font-size: 14px; line-height:14px;}
	.Link_Nav 	{font-size: 26px; line-height: 35px;}
	.FooterText		{font-size: 14px; line-height:14px; }
	#mainmenu li { font-size: 20px; line-height: 30px; }
	#mainmenu li li { font-size: 16px; line-height: 26px; vertical-align: middle;}
	h1 { 	font-size: 120%;}
	h2 { 	font-size: 110%;}
	.MobileHide, .MobileHide ul {display: none;}
	.MobileShow, .MobileShow ul {display: inline-block;}
    .FloatingThird {float: none; width: 100%;}

}
@media all and (max-width: 321px) {
	.Copyright, .Link_Copyright { font-size: 14px; line-height:14px;}
}