body,p,a, h1,h2,h3,h4,h5 { font-family: "Open Sans",Arial, Helvetica, Sans-serif; background:none; }
p, .leadtext p { color:#445; font-family: "Open Sans",Arial, Helvetica, Sans-serif; }
h1 { margin-top: 1em; border: none; padding-left: 0px; margin-left: 0px; }
h3 { font-size: 1.4em; color: #69f; margin-top: 1.3em; margin-bottom: 1em;  }

.pagearea { overflow: hidden; background:#F9F6E6; }
.displayarea { width: 100%; max-width: 960px; overflow: hidden; display:flex; flex-wrap:wrap;  }
.headingarea { width: 100%; max-width: 960px; height: 200px; height:auto; }
.headermain { width: 100%; max-width: 960px; }
.headerright { width: 100%; max-width: 960px; margin-top: 0px; background:#dadada; height:auto; min-height:2em; }
.rightcolumn { width: 240px; background:#fff; padding-right:0.5em; }
.righttop { width: 180px; }
.rightbase { width: 180px; }
.rightmain { width: 100%; padding-top:6em; }
.mainarea { width: 100%; max-width: 780px; max-width:720px; padding-top: 1em; padding-left: 5em; padding-right: 5em; padding-right:3em; padding-bottom: 4em; border-right: 0px solid #ddd; min-height: 800px; line-height:1.6; flex:1; }
.mainarea .leftpic { margin-right: 1em; margin-left: 0em; }
.mainarea .rightpic { margin-left: 1em; margin-right: 0em; }
.mainarea .leftpic, .mainarea .rightpic, .mainarea .linepic { margin-bottom:1em; margin-top:0; box-shadow:2px 2px 10px rgba(0,0,0,0.1); max-width:90%; }
.mainarea img { max-width:100%; }
.mainarea h1 .leftpic, .mainarea h1 .rightpic { margin:0em; margin-top:0; box-shadow:none; }
.mainform { padding-top:1em; }
.botlinkarea { width: 100%; max-width: 960px; font-size: 0.8em}
.botlinkarea .botbuttonholder { margin-right: 2em; }

.rightcolumn .infotop { width: 100%; font-size: smaller; }
.rightcolumn .infofirst { width: 100%; }
.rightcolumn .infofirst:hover { background:#DEEEFF; }
.rightcolumn .infoMARKfirst { width: 100%; }
.rightcolumn .orgmenu { margin-top: 1em; }
.rightcolumn .orgitem { width: 100%; border: none; }
.rightcolumn .Notananttop { width: 100%; }
.rightcolumn .Nitem { width: 100%; }
.rightcolumn .Ntext { margin-bottom: 0.25em; text-align:right }
.rightcolumn .Ntext label { display:block; margin-bottom:4px; }
.rightcolumn .Ntext input { margin-left:4px; }

.topicsXwrapperTB { clear:both;  border: 0px solid #ccf;  margin-top: 0em;  padding-top: 0em; padding-bottom: 1em; }
.topicsXwrapperTB H5 { margin: 0px; margin-top: 0.5em; padding: 0px; padding-left: 0em; xfont-size: 1em; font-weight: normal;}
.topicsXwrapperTB .topicsXitem { xmargin-left: 2em; margin-top: 1em; color: #669; }
.topicsXwrapperTB .topicsXitem p { font-size: 1em; }
.topicsXwrapperTB .topicsXitem li { font-size: 1em; }

.topicsXbg1, .topicsXbg2 { padding-left:0; padding-right:0; }

.listwrapperTB .listbg1 { border: none; padding-right: 1em; }
.listwrapperTB .listbg2 { border: none; }
.listwrapperTB H5 { margin-bottom: 0.5em; }

.listwrapperLR .row1 td { padding-top:1.4em; }

.Notanantbox { font-size: smaller; }
.rightcolumn .calendar { padding-top: 2em; }
.rightcolumn .calendar h4 {  font-size: smaller; }
.rightcolumn .calendar .calx, .rightcolumn .calendar .cal, .rightcolumn .calendar .calm { font-size: 70%; }

.mainarea .calendar .calx, .mainarea .calendar .cal, .mainarea .calendar .calm { font-size: 0.9em; }

.history .histtitle { margin-top: 2em; font-size: smaller; padding-left: 2px; }
.headerright .infoa, .headerright .infoMARKa { font-size: 1.1em; }

.mainform li { }

.infomenu ul { margin:0; }

.headermain { position:relative; }
.headermain h1 {
  position: absolute;
  top: 54px;
  font-size: 1em;
  text-align: center;
  text-align: left;
  left: 79px;
  font-weight: normal;
  float:none;
  color:#fff;
  padding:0;
}
h5 { margin-bottom:0.5em; }

@media (max-width: 960px) {
	.mainarea { max-width: 960px; }
	.rightcolumn { width: 100%; }
	.righttop { width: 100%; }
	.rightbase { width: 100%; }
	.rightmain { width: 100%; }
	.rightmain .infomenu ul { display:flex; flex-wrap: wrap; justify-content:space-between; }
	.rightmain .infofirst { width: 30%; }
	.mainarea .leftpic, .mainarea .rightpic { max-width: 50%; }
}
@media (max-width:640px) {
	.mainarea { padding-left:1em; padding-right:1em; max-width:100%; }
	.mainarea .leftpic, .mainarea .rightpic { max-width:50%; }
	.mainarea h1 .rightpic, .mainarea h1 .leftpic { display:none; }
	}
	
.frm_comment {	margin-top:4em;	box-shadow:1px 1px 10px rgba(0,0,0,0.1); }
.frm_comment textarea { width:95%; }

/*Cxoice specific*/
.headermain .linepic { margin-top:1em; margin-left:1em; }
.headingarea .infomenu ul { background:#364b8a; xborder-bottom: 1px solid #e6b222; }
.headerright .infofirst { border-right-color: #E6B222; }

.mainarea .infomenu .infotop { display:flex; flex-wrap:wrap; justify-content:space-between; font-size:1em; padding:0; margin-top:2em; margin-bottom:1em; }
.mainarea .infomenu .infowrapper { 
		width: 30%; 
		min-height:100px; 
		box-shadow:2px 2px 4px #888; 
		overflow:hidden; 
		margin-top:1em;
		padding-top:1em;
		font-size:0.8em;
		}
.mainarea .infomenu li { margin-left:0; background:none; padding:1em; padding-top:0em; }
.infomenu b { font-weight:normal; }

.mainarea .subsXwrapperTB { display:flex; flex-wrap:wrap; justify-content:space-between; }
.mainarea .subsXwrapperTB h5 { float: none; }
.mainarea .subsXbg1, .mainarea .subsXbg2 { 
		width: 30%; 
		min-height:100px; 
		box-shadow:2px 2px 4px #888; 
		overflow:hidden; 
		margin-top:1em;
		padding-top:1em;
		font-size:0.8em;
		text-align:center;
		}
.topstatus { font-size:1em; margin-top:1em; margin-bottom:1em; }
#ntnt_list_reports_style .multiform .tabbertab {
justify-content:space-between;
font-size:0.85em;
padding-left:1em;
}


/* SD Profile mods Dec22 */
.rightcolumn .Nitem {
width:32px;
border-radius:8px;
box-shadow:2px 2px 4px #8884;
margin-right:8px;
}

.Nlink {
width:100%;
display:block;
}
.Nlink span {
display:none;
}
.Notanantbox ul {
display:flex;
justify-content:right;
}
.N_profile {
  background: URL(p_b_on_grey.gif) -2px no-repeat;
}
.N_messages {
  background: URL(mn_b_on_grey.gif) -2px no-repeat;
}
.N_messages_new {
  background: URL(mn_b_on_grey.gif) -2px no-repeat;
}
.N_links {
  background: URL(d_showmore_23.gif) 3px no-repeat;
  display:none;
}
.N_logoff {
  background: URL(log_b_on_grey.gif) -2px no-repeat;
}
.infofirst, .infoMARKfirst {
background:#fffdf4;
}
.caltable {
background:#fffdf4;
}

/* Cxoice mods */
.rightmain { padding-top:2em; }
.mainform { padding-top:0; }
.mainform .infotop, .mainform .subsiteXtop {
margin-top:3em;
padding-top:1em;
border-top:1px solid #eef;
}
.mainform .infotop a, .mainform .infoa1, .mainform .subsXa {
color: #4c6ecf;
}
.headingarea .infomenu {
margin-bottom:0.3em;
}

.headingarea .infomenu ul {
justify-content:right;
}
.headerright .infofirst {
border:0px;
}
h1 { color:#3c57a2; }