body{margin:1%;width:98%}
body,td{font-family:"roboto",sans-serif;font-size:1em;line-height:120%}
[data-href]{cursor:pointer}
#header{padding-bottom:20px}
#contentContainer{display:flex;flex-direction: row;justify-content: flex-start;padding-right:40px}
#nav{padding-right:0px;}
#content{padding-left:49px;width:90%}
#bg{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:80%;display:none}
#addcontact{display:none;}
#orgtag{display:none;}
form{width:40%;margin:0px}


.footer{padding:40px 48px}
#logo{width:200px}
h2{font-size:1.5em;font-weight:bold;clear:both;margin:0px;clear:both}
.ctr{margin:20px auto;}
.ctrl{width:240px;margin:10% auto;text-align:left}
.l{text-align:left}
.c{text-align:center}
.r{text-align:right}
.b{font-weight:bold}
.fl{float:left}
.fr{float:right}
.ctrl input[type=text]{width:100%;}
.ctrl form{width:100%}
.livelist th, td{line-height:120%}
.vm{vertical-align:middle}
.vt{vertical-align:top}
.bc{width:100%}
.slsession{border:1px solid #aa1029;background:#eee;padding:10px;margin-right:40px;line-height:120%;margin-bottom:20px}
.smsel{width:50px;display:inline;}
.ausel{width:auto;;display:inline-block}
.searchlist{height:100%;padding:2%;background:#f3f3f3;width:60%;position:fixed;top:0px;left:20%;display:none;border:4px solid #444;overflow-y:scroll;overflow-x:hidden;text-align:center}
.searchlist input[type=text]{width:100%}
.listitem{font-size:80%;background:#fff;padding:3px;border-top:1px solid #444;text-align:left;}
.listitem:hover{cursor:pointer;background:#eee}



textarea, input[type=text], select{border:1px solid #888;padding:4px;margin:0px;width:100%;font-family:"open sans",sans-serif;font-size:14px}
input[type=text]{border-top:none}
input[type=text].first{border:1px solid #888}

textarea:focus, input[type=text]:focus{border:2px solid #ae1029;outline:none;}
input[type=button],input[type=submit]{font-weight:bold;border:none;padding:10px}
input[type=checkbox]{width:20px;height:20px;vertical-align:bottom;accent-color: #aa1029;}
input[type=radio]{width:20px;height:20px;vertical-align:bottom;accent-color: #aa1029}
.smbutton{padding:8px !important;margin-top:5px	}


.dc{text-align:center}
.list{line-height:20px}

.ab{color:#fff;background:#aa1029;font-size:14px;margin-top:4px}
.abl{padding:10px;text-decoration:none;font-weight:bold;font-size:14px}
input.ab{color:#fff;background:#aa1029;margin-top:10px}
.gb{color:#000;text-decoration:none;font-weight:bold;font-size:14px;background:#e5e5e5;margin-top:4px}
.eb{border:2px solid #444 !important}
.gb:hover{background:#ccc}

.fw{padding:10px;margin-top:1px;width:200px;display:inline-block;text-decoration:none;}

.sro{
  position: absolute;
  left: -100%;
  height: 1px;
  width: 1px;
  overflow: hidden;
}



.fw{width:200px}
.msg{display:block;width:46%;font-size:18px;padding:1% 2%;position:fixed;top:0px;left:25%;margin:0px auto;border-bottom-left-radius:14px;border-bottom-right-radius:14px;}
.nm{display:inline}
.m{display:none}

.blurb{min-height:150px}
.info{background:#eee;border:solid 2px #888;padding:10px}

ul,li{margin:0px;}
input[type='checkbox'].cbl {float:left;width:20px;margin-right:8px}
label.cblbl{float:right;width:calc(100% - 30px);}
ul{padding:0px}
.cb{clear:both}

@media screen and (max-width:800px){
	body{margin:4%;width:92%}
	body,td,input{font-size:18px}
	#contentContainer{flex-direction:column;padding-right:0px}
	#nav{padding-right:0px;text-align:center}
	h2{text-align:center}
	form{width:100%;margin:0px}	
	.footer{padding:40px 0px}
	#content{padding-left:0px;width:100%}
	#logo{width:250px}
	.mclogo{text-align:center;margin-top:40px;margin-bottom:0px}
	.ctrl, .ctr{width:98%;margin:5% auto}
	.mc{text-align:center}
	textarea, input[type=text]{width:100%;padding:2%;margin:0px;font-size:18px}
	.gb{font-size:16px}
	.fw{width:100%}
	.nm{display:none}
	.m{display:inline}
	.slsession{margin-right:0px}
	.searchlist{height:100%;padding:20px 2% 40px 2%;width:100%;position:fixed;top:0px;left:0px;}
}