/*mv.css, mountainviews.ie general css*/

.standard, BODY, P, TD, textarea {
	color: #12145e;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 9pt;	
	font-weight: normal;
}

body {
	background-color: #E3EAE5;
	margin: 10px 5px 10px 5px;
}

#bodywrapper {
	background-color: #ffffff;
	margin: 10px auto;
	padding: 2px 4px 0 4px;
	overflow: visible;
}

#cookieNoticeId {
	background-color: #fdff53;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 4px;
	word-spacing: 2px;
	padding: 0 6px 4px 6px;
}

#cookieNoticeId:hover {
	background-color: #92a38c;
}

#cookieClickId {
	font-size: 130%;
	background-color: #fdff53;
}

#donateNoticeId {
	background-color: #ff8d58;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 4px;
	padding: 6px;
	margin-bottom: 8px;
	font-size: 110%;
}


#donateNoticeTextId {
	word-spacing: 1px;
	font-size: 140%;
}

#donateNoticeId:hover {
	background-color: #53c23e;
}

#donateHideId {
	font-size: 130%;
	background-color: #a5665a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 3px;
	padding: 3px;
	margin: 3px 3px 5px 0;
	display: inline-block;
}

#doDonateDiv {
	background-color: #fdff53;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 10px;
	border-color: #7d7911;
	border-width: 3px;
	color: black;
	font-size: 150%;
	font-weight: bolder;
	padding: 4px 6px 4px 6px;
	margin: 5px 10px 20px 20px;
	display: inline-block;
	float: right;
}

#doDonateDiv:hover {
	background-color: #f6f213;
	border-color: #ff4a2b;
}

a:link { 
	color: #12145e;
	text-decoration: none;
}
a:visited { 
	color: #666EA6;
	text-decoration: none;
}

a:hover { 
	color: #f00000;
	text-decoration: none;
}

a:active { 
	color: #c00000; 
	text-decoration: none;
}

th { 
	font-weight: bold;
}

h1 {
	color: #12145e; 
	font-size: 20pt;
}

h2 {
	color: #12145e; 
	font-size: 16pt;
}

H3 { 
	color: #12145e; 
	font-size: 12pt;
}
H4 { 
	color: #12145e; 
	font-size: 10pt;	
}

.introheading {
	font-family: Times, Times New Roman, Book Antiqua, Garamond, serif;
	font-size: 14pt;
}

a.menu:link {
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
}

a.menu:visited {
	color: #ffffff; 
	text-decoration: none;
	padding-top: 2px;
}

a.menu:hover {
	color: #f00000;
	font-weight: bold;
	background-color: #CCCCFF;
	padding: 2px;
	border: 1px solid #4C4CA9;
}

a.menu:active {
	color: #c00000; 
	text-decoration: none;
	padding-top: 2px;
}

.heading_title {
	color: #12145e;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif;   
	font-size: 14pt;	
	font-weight: bold;
}

.heading_strength1 {
	color: #12145e;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif;   
	font-size: 12pt;	
}

.heading_strength2 {
	color: #12145e;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif;   
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}

.heading_strength3 {
	color: #12145e;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif;   
	font-size: 9pt;		
	font-weight: bold;
}

.heading_all_strengths {
	color: #12145e;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif; 
	font-size:12pt;
}

.entryfield { 
	color: #12145e;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif;   
	font-size: 9pt;	
}
.entryfld2 { 
	color: #12145e; 
	font-size: 8pt;	
}

.fontlarge  { 
	color: #12145e; font-size: 20pt;
	font-family: Arial, Verdana, Helvetica, Swiss, sans-serif;
}
.buttonfield {
	color: #12145e; 
	font-size: 10pt;	
}
.buttonfield2 {
	color: #12145e; 
	font-size: 7pt;	
}
.section	{
	color:  #12145e; 
	font-size: 12pt;	
}
.section2	{
	color:  #12145e; 
	font-size: 16pt;	
}
.error		{
	color:  #FF0000; 
	font-size: 12pt;	
}
.smallerror		{
	color:  #FF0000; 
	font-size: 8pt;	
}
.red		{
	color:  #FF0000; 	
}
.info1		{
	color:  #808080; 
	font-size: 12pt;	
}
.info2		{
	color:  #808080; 
	font-size: 9pt;	
}

.body8 {
	font-size: 8pt;
}

.body11 {
	font-size: 11pt;
}

.hidden {
	display: none; 
}

.location-panel-item:link {
	font-size: 8pt;
	padding: 1px;
}

.location-panel-item:visited {
	font-size: 8pt;
	padding: 1px;
}

.location-panel-item:hover {
	font-size: 8pt;
	color: #FF0000;
	background-color: #DDDDDD;
	padding: 1px;
}

.person-name:link {
	color: #57AFAF;
} 

.person-name:hover {
	color: #FF0000;
} 

.smallinfo	{
	color:  #808080; 
	font-size: 8pt;	
	font-weight: normal;
}
.new_info { 
	color:  #8F7A1A; 
	font-size: 10pt;
	font-weight: bold;	
}
.bodygrey	{
	color:  #808080; 
	font-size: 9pt;	
}
.errormsg	{
	color:  #FF0000; 
	font-size: 10pt;	
}
.bigboldred {
	color: red;
	font-size: 125%;
	font-weight: bolder;
}
.bodylightgrey {	
	color:  #AAAAAA;
}
.lightblue {
	color:  #AFB4DC; 
	font-size: 6pt;
}
.resultfield  {
	background-color: #FFE8FE;
}
.title1		{
	color:  #12145e; 
	font-size: 10pt;
	font-weight: bold;
}
.title2		{
	color:  #12145e; 
	font-size: 14pt;
	font-weight: bold;
}

.title3		{
	color:  #12145e;
	font-size: 12pt;
	font-weight: bold;
}

.nobr {
	white-space: nowrap;
}

.bullet {
	list-style-type: disc;
}

.resizable-textarea textarea {
	display:block;
	margin-bottom:0;
	width:95%;
	height: 20%;
}

#mvMainMsgArea {
	padding: 4px;
	margin: 10px 0 5px 0;
	background-color: #EEF7C0;
	text-align: center;
	color: #12145e;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 9pt;	
	font-weight: bold;
	word-spacing: 2px;
	border-radius: 6px;
	border-width: 1px;
	border-color: #BDC68D;
}

#mainmenu {
	border-width: 1px;
	border-color: #FBD850;
	border-style: solid;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-khtml-border-radius: 6px; 
	border-radius: 6px; 
	background-attachment: scroll;
    background-clip: border-box;
	background-color: #FFEFCC;
	padding: 5px;
	margin: 3px 0 3px 0;
}

.autocorrect-small {
	font-size: 85%;
}

#mvWarningLayer {
	position: absolute;
	z-index: 1010;
	background: url("../mv/images/transparent65.png");
	background: rgba(255, 255, 255, 0.65);
	height: 100000px;
	display: none;
}

#mvWarningLayerMessage{
	margin: 100px 100px 0 50px;
	padding: 15px;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 30pt;	
	font-weight: bold;
	word-spacing: 6px;
	color: #666EA6;
	background: rgba(255, 255, 255, 0.8);
}

#mvWarningLayerMessage a:link,
#mvWarningLayerMessage a:visited {
	color: #666EA6;
}

#mvWarningLayerMessage a:hover { 
	color: #800000;
}

/*tutorial introduction css*/

.ui-dialog {
	z-index: 1100 !important;
}

.no-close .ui-dialog-titlebar-close {display: none }

.dlgGeneric {
	width: 530px;
	padding: 15px 15px 15px 20px;
	margin: auto;
}

.dlgHeadline {
	color: #2dbf46;
	font-size: 30px;
	font-family: AeroMaticsBold, sans-serif;
	font-weight: bold;
}
.dlgInitialLinkStyle {
	width: 95%;
	min-height: 50px;
	background-color: #77d88b;
	margin: 0 0 14px 0;
	cursor: pointer;
	display: inline-block;
	font-size: 25px;
	font-family: AeroMaticsRegular, sans-serif;
	font-style: italic;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	border-radius: 6px;
	background-attachment: scroll;
	background-clip: border-box;
}

.dlgInitialLinkStyle:hover {
	background-color: #d8a1ca;
}

.dlgButtonRight {
	float: right;
}

.dlgCloseStyle {
	float: right;
	width: 45%;
	min-height: 25px;
	background-color: #bdbfbd;
	margin: 0 15px 14px 0;
	cursor: pointer;
	display: inline-block;
	font-size: 25px;
	font-family: AeroMaticsBold, sans-serif;
	text-align: right;
	padding: 3px;
	border: 1px solid #535453;
	border-radius: 6px;
	background-attachment: scroll;
	background-clip: border-box;
}

.closeLongBox {
	font-size: 85%;
	padding: 0 2px 0 2px;
	background-color: white;
	border: 1px solid #535453;
	border-radius: 4px;
	background-attachment: scroll;
	background-clip: border-box;
	display: inline-block;
}

#loaderDiv {
	width: 500px;
	height: 500px;
	padding:30px;
	margin: auto;
	overflow: hidden;
	text-align: center;  /* align center all inline elements */
}

#loaderDiv img {
	vertical-align: bottom; /* <-- fix the vertical gap */
}

#dlgButtonRow {
	padding: 10px;
}

.dispDlgDesc {
	font-family: AeroMaticsRegular, sans-serif;
	font-size: 70%;
	font-style: normal;
	color: #777777;
}

.dlgButtonStyle {
	margin: 0 8px 0 0;
}

#dlgButtonRowSep {
	color: #d9d9d9;
}

.dlgTutImgDiv {
	width: 600px;
	padding:10px;
	margin: auto;
}

.tutSteps {
	margin: 0 0 0 0;
	font-size: 120%;
	padding: 3px;
	background-color: #d4d4d4;
	border-radius: 4px;
	background-attachment: scroll;
	background-clip: border-box;
}

.tutStepsSubHeader {
	font-size: 9pt;
	font-weight: normal;
	color: #12145e;
}

.tutStepsItem {
	color: #a633b7;
	font-size: 115%;
}

.tutPlaces img {
	float: left;
	display: inline-block;
	width: auto;
}

.tutSteps hr {
	color: #BBBBBB;
}

.steps-container {
	display: grid;
	grid-template-areas:
			'steps-header steps-header'
			'steps-graphic step1'
			'steps-graphic step2'
			'step3 step3';
	grid-gap: 10px;
	grid-template-columns: 55% auto;
}

.steps-header { grid-area: steps-header;}
.steps-graphic {grid-area: steps-graphic; margin-left: 20px; }
.steps1 {grid-area: step1; width: 90%; padding: 8px;}
.steps2 {grid-area: step2; width: 90%; padding: 8px;}
.steps3 {grid-area: step3; margin-left: 20px; width: 90%;}

.plcsteps-container {
	display: grid;
	grid-template-areas:
			'plcsteps-header plcsteps-header'
			'plcsteps-graphic1 plcstep1'
			'plcsteps-graphic2 plcstep2'
			'plcstep3 plcstep3';
	grid-gap: 10px;
	grid-template-columns: 40% auto;
}

.plcsteps-header { grid-area: plcsteps-header;}
.plcsteps-graphic1 {grid-area: plcsteps-graphic1; margin-left: 20px;  }
.plcsteps-graphic2 {grid-area: plcsteps-graphic2; margin-left: 20px; }
.plcsteps1 {grid-area: plcstep1; width: 90%; padding: 8px;}
.plcsteps2 {grid-area: plcstep2; width: 90%; padding: 8px;}
.plcsteps3 {grid-area: plcstep3; margin-left: 20px; width: 92%;}

.liststeps-container {
	display: grid;
	grid-template-areas:
			'liststeps-header liststeps-header'
			'liststeps-graphic1 liststep1'
			'liststeps-graphic2 liststep2'
			'liststep3 liststep3'
			'graphic3 graphic3';
	grid-gap: 10px;
	grid-template-columns: 60% auto;
}

.liststeps-header { grid-area: liststeps-header;}
.liststeps-graphic1 {grid-area: liststeps-graphic1; margin-left: 20px;  }
.liststeps-graphic2 {grid-area: liststeps-graphic2; margin-left: 20px; }
.liststeps1 {grid-area: liststep1; width: 90%; padding: 8px;}
.liststeps2 {grid-area: liststep2; width: 90%; padding: 8px;}
.liststeps3 {grid-area: liststep3; margin-left: 20px; width: 96%;}
.liststeps-graphic3 {grid-area: graphic3; margin-left: 20px; }

.cmtysteps-container {
	display: grid;
	grid-template-columns: auto 60%;
	grid-gap: 10px;
}

.closeLong {
	color: #a633b7;
	font-size: 130%;
}

.user_infoLink {
	color: #f6a828;
	font-size: 12px;
	font-weight: bold;
}

.user_infoLink:hover {
	color: red;
}

#userInfoDialog {
	border-width: 1px;
	border-color: transparent;
	font-size: 120%;
	z-index: 30000;
	width: 400px;
}

#userInfoDialog:hover {
	border-color: red;
}

.userInfoBasic {
	padding: 2px 2px 2px 20px;
	font-size: 11px;
}

.ntcDisp {
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	padding: 1px;
}

.ntcDisp img {
	margin-bottom: -3px;
}

.ntcDisp:hover {
	color: red;
	border-color: red;
	border-radius: 4px;
}

.fbcCmtIcon {
	width: 18px;
	height: 18px;
}

.fbcCmtIconPosn{
	position: relative;
	top: 3px;
	margin: 0 3px 0 3px;
}

div.menu {
  padding-top: 1px;
  border-right: 1px solid #888888;
  width: 120px;
  padding-right: 10px;
}
div.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.menu ul li {
  padding: 5px;
}

div.menu ul li.active {
  border: 1px solid #4A4DAD;
  background: #007bff;
  color: #fff;
}
.audio {
  cursor: pointer;
}
.audio:hover {
  color: #1C94C4;
  fill: #1C94C4;
}