/* =========================== misc =====*/
.loc-ttle { margin-top:1rem; font-size:.8rem; }
.loc-text { }
.loc-para { margin:0; }
.loc-link { color:#006699; text-decoration:none; }
.loc-link:hover { color:#33CCFF; }
/* =========================== lists =====*/
.loc-ol1 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-ol1 li { }
.loc-ol2 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-ol2 li { }
.loc-ol3 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-ol3 li { }
.loc-ul1 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-ul1 li { }
.loc-ul2 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-ul2 li { }
.loc-ul3 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-ul3 li { }
/* =========================== generic boxes =====*/
.loc-boxW { margin-top:.2rem; margin-bottom:.2rem; background-color:#FFFFFF; border:solid 1px #C0D0D9; border-radius:.2rem; text-align:center; }
.loc-boxH { padding-top:.5rem; text-align:center; font-weight:bold; }
.loc-boxB { padding:.5rem; display:inline-block; width:auto; text-align:left; }
.loc-boxF { padding-bottom:.5rem; text-align:center; }
/* =========================== push boxes =====*/
.loc-pushW { margin-top:1rem; margin-bottom:1rem; background-color:#7A8489; border:solid 1px #7A8489; border-radius:.2rem; text-align:center; }
.loc-pushH { padding-top:.5rem; text-align:center; font-weight:bold; }
.loc-pushB { padding:.5rem; }
.loc-pushF { padding-bottom:.5rem; text-align:center; }
/* =========================== page wrappers =====*/
.loc-pageW { width:100%; }
.loc-pageH { padding-top:1.2rem; padding-bottom:1.2rem; line-height:2rem; vertical-align:bottom;:1.5rem; }
.loc-pageC { padding-top:1rem; color:#80A1B3; }
.loc-pageN { padding-top:2rem; line-height:1.5rem; font-size:1rem; }
.loc-pageB { width:100%; padding-top:2rem; padding-bottom:1.5rem; }
.loc-pageF { }
.loc-pageZ { }
/* =========================== content wrappers =====*/
.loc-wpW {  }
.loc-wpA { margin:0; padding:0; border:0; text-align:center; }
.loc-wpH { }
.loc-wpC { }
.loc-wpN {  }
.loc-wpB {  }
.loc-wpF { }
.loc-wpS {  }
/* =========================== primary content (content.php) =====*/
/* ===== misc =====*/
.loc-contTtle { margin-top:1rem; margin-bottom:1rem; font-size:1.2rem; color:#002633; }
.loc-contText { }
.loc-contPara { margin-top:.5em; }
.loc-contLink { color:#006699; text-decoration:none; }
.loc-contLink:hover { color:#33CCFF; }
.loc-contOL1 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-contOL1 li { }
.loc-contOL2 { padding-top:.5rem; margin-left:-25px; list-style-type:disc; }
.loc-contOL2 li { }
.loc-contS1B { }
.loc-contS1C { }
/* ===== containers =====*/
.loc-contWRAP { width:100%; }
.loc-contHAIR {  }
.loc-contHEAD {  }
.loc-contCHIN { display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem; text-align:left;  }
.loc-contNECK {  }
.loc-contBODY {  }
.loc-contFOOT {  }
.loc-contSUBS {  }


/* ===== divs/tables =====*/
.loc-contTBL { width:100%; }
.loc-contHTR {  }
.loc-contHTD {  }
.loc-contLTD {  }
.loc-contCTD {  }
.loc-contRTD {  }
.loc-contTD1 {  }
.loc-contTD2 {  }
/* ===== comments =====*/
.loc-contComm { }
.loc-contCommWrap { width:100%; }
.loc-contCommDate { }
.loc-contCommUser { }
.loc-contCommImge { }
.loc-contCommText { }
/* ===== ratings =====*/
/* ===== authors =====*/
/* ===== functions & addons =====*/
.loc-contFUNCtop { width:100%; border-top:1px solid #cdd4de; padding-top:.2rem; text-align:right; }
.loc-contFUNCbot { }
.loc-contFUNC { width:auto; }
.loc-contTIME {  }
.loc-contHITS {  }
.loc-contVOTE {  }
.loc-contSUBS {  }
/* ===== navigation =====*/
.loc-contMENUtop { background-color:green; }
.loc-contMENUbot { background-color:blue; }
.loc-contMENU { }
.loc-contNAVStop { }
.loc-contNAVSbot { width:100%; }
.loc-contNAVS { color:#cdd4de; text-align:center; border-top:0px solid #cdd4de; padding:.2em; }
.loc-contSPAN0 { }
.loc-contSPAN1 { }
/* =========================== common divs/tables display:flex; align-items:center; justify-content:start; display:flex; align-items:center; justify-content:space-evenly;=====*/
.loc-tbTBL { width:100%; border-collapse:separate; }
.loc-tbHTR {  padding:.5rem; background:#AEB5B9; font-size:unset; text-align:left; border:0; border-radius:.2rem; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.loc-tbHTR1 { padding:.5rem; background:#AEB5B9; font-size:unset; text-align:left; border:0; border-radius:.2rem; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.loc-tbHTR2 { padding:.5rem; background:#AEB5B9; font-size:unset; text-align:left; border:1px solid #D8D8D8; border-radius:0; }
.loc-tbHTD { font-size:unset;  }
.loc-tbHTD1 { width:50%; font-size:unset; text-align:left; padding:.2rem; padding-left:.5rem; }
.loc-tbHTD2 { width:50%; font-size:unset; text-align:left; padding:.2rem; padding-left:.5rem; }
.loc-tbLTD { margin:0; padding:.5rem; font-style:normal; color:#555555; }
.loc-tbLTD1 { }
.loc-tbLTD2 { }
.loc-tbCTD { margin:0; padding:1rem; position:relative; top:1rem; font-style:normal; background:#EEEEEE; color:#555555; }
.loc-tbCTD1 { }
.loc-tbCTD2 { }
.loc-tbRTD { margin:0; padding:.5rem; font-style:normal; color:#7A8489; }
.loc-tbRTD1 { }
.loc-tbRTD2 { }
.loc-tbTD1 { margin:0; padding:.2rem; font-size:unset; border:1px solid #DDDDDD; text-align:center; }
.loc-tbTD2 { margin:0; padding:.2rem; font-size:unset; border:1px solid #DDDDDD; text-align:center; background:#DDDDDD; }
.loc-tbTD3 { margin:0; padding:.2rem; font-size:.75rem; color:#7A8489; border-bottom:1px solid #DDDDDD; }
.loc-tbTD4 { margin:0; padding:.2rem; font-size:.75rem; color:#7A8489; border-bottom:1px solid #DDDDDD; }
.loc-tbFTD { position:relative; top:1rem; padding-top:.5rem; padding-bottom:1rem; font-style:italic; text-align:right; }
.loc-tbFTD1 { }
.loc-tbFTD2 { }
.loc-tbFTR { }
.loc-tbFTR1 { }
.loc-tbFTR2 { }
/* =========================== page funcs/menues (set in func-styles) =====*/
.loc-nvMENUStop { width:100%; padding:.5rem; background:#D8D8D8; display:flex; align-items:center;justify-content:right; }
.loc-nvMENUSbot { margin-top:1rem; }
.loc-nvMENUS { color:#7A8489; text-align:center; border-top:0px solid #cdd4de; padding:.2em; }
.loc-nvSPAN0 { }
.loc-nvSPAN1 { }
/* =========================== popup prompts =====*/
.loc-promptWrap { margin:auto; width:480px; padding:1rem; background:#FFFFFF; border:2px solid #FFFFFF; border-radius:.2rem; }
.loc-promptHead { font-size:2rem; color:#006699; text-shadow:2px 2px 2px rgba(0,0,0,0.3); text-align:center; }
.loc-promptBody { padding:1rem; color:#555555; }
.loc-promptFoot { padding:1rem; text-align:center; }
.loc-promptButt { }
.loc-promptConfirm { width:100%; height:34px; padding:1rem; color:#006699; background-color:#FFFFFF; border-color:#006699; }
.loc-promptConfirm:hover, .XXX-promptConfirm:focus, .XXX-promptConfirm:active { color:#FFFFFF; background-color:#006699; border-color:#006699; }
.loc-promptCancel { width:100%; height:34px; padding:1rem; margin-left:2rem; color:#006699; background-color:#FFFFFF; border-color:#006699; }
.loc-promptCancel:hover, .XXX-promptConfirm:focus, .XXX-promptConfirm:active { color:#FFFFFF; background-color:#006699; border-color:#006699; }
/* =========================== in-component forms (ie:page nav, search, browse by cat, etc.) =====*/
.loc-nvFORM { }
.loc-nvWRAP { }
.loc-nvDATA { padding:.5rem; }
.loc-nvSUBS { padding:.5rem; }
.loc-nvElemFORM { }
.loc-nvElemTEXT { width:150px !important; }
.loc-nvElemMAIL { }
.loc-nvElemWURL { }
.loc-nvElemRANG { }
.loc-nvElemCOLR { }
.loc-nvElemAREA { }
.loc-nvElemSELT { }
.loc-nvElemCHCK { }
.loc-nvElemRADO { }
.loc-nvElemIMGE { }
.loc-nvElemFILE { }
.loc-nvElemHIDD { }
.loc-nvElemBUTT { }
/* =========================== primary forms =====*/
/* wrapper */
.loc-fmBOXwrap { }
.loc-fmBOXhead { }
.loc-fmBOXbody { }
/* layout sections */
.loc-fmSECT-block-wrap { width:100%; }
.loc-fmSECT-block-head { width:calc(100% - 1rem); padding-top:1.5rem; margin-left:.5rem; margin-bottom:.75rem; font-size:1.5rem; text-align:left; color:#7A8489; border-bottom:1px solid #7A8489; }
.loc-fmSECT-panel-wrap { width:100%; }
.loc-fmSECT-panel-head { width:100%; }
.loc-fmSECT-panel-body { width:100%; }
.loc-fmSECT-fsets-wrap { width:100%; }
.loc-fmSECT-fsets-head { width:100%; }
.loc-fmSECT-fsets-body { width:100%; }
/* layout elements */
.loc-fmFORM { }
.loc-fmCASE { margin:auto; width:100%; }
.loc-fmHAIR { width:100%; }
.loc-fmHEAD { padding:1rem; padding-top:1.5rem; font-size:2.5rem; color:#7A8489; text-shadow:2px 2px 3px rgba(255,255,255,1); text-align:center; line-height:3rem; }
.loc-fmCHIN { padding:.5rem; text-align:center; }
.loc-fmNECK { padding:1rem; padding-left:4rem; padding-right:4rem; }
.loc-fmBODY { padding:.5rem; padding-bottom:2rem; }
.loc-fmFOOT { padding-left:calc(.5rem + 15px); padding-bottom:.5rem; padding-right:.5rem; background:#7A8489; }
.loc-fmFOOTw { width:100%; }
.loc-fmFOOTl { width:auto; vertical-align:bottom; }
.loc-fmFOOTr { width:auto; vertical-align:bottom; }
.loc-fmTOES { padding-top:2rem; padding-bottom:.5rem; }
/* input elements */
.loc-fmElemFORM { margin-bottom:.5rem; border:1px solid #FFFFFF; border-radius:.2rem; background-color:#D8D8D8; }
.loc-fmElemTEXT { }
.loc-fmElemPASS { }
.loc-fmElemMAIL { }
.loc-fmElemWURL { }
.loc-fmElemRANG { }
.loc-fmElemCOLR { }
.loc-fmElemAREA { }
.loc-fmElemSELT { }
.loc-fmElemCHCK { }
.loc-fmElemRADO { }
.loc-fmElemFILE { position:absolute;z-index:2;top:20%;left:25%; height:60%; width:60%; cursor:pointer; filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent; }
.loc-fmElemIMGE { }
.loc-fmElemHIDD { }
.loc-fmElemBUTT { }
.loc-fmElemSLIDER-frame { position:relative; display:inline-block; margin:0; margin-left:8px; margin-top:.25rem; padding:0; height:20px; width:75px; box-sizing:border-box; background:transparent; border:0px solid #D6E1E5; border-radius:3px; }
.loc-fmElemSLIDER-stage { position:relative; display:inline-block; margin:0; margin-left:2px; padding:0; height:100%; width:100%; color:#007599; box-sizing:border-box; border:1px solid #D6E1E5; border-radius:30px; background:#FFFFFF; cursor:pointer; transition:color .2s, transform 500ms, border-radius 500ms, background-color 500ms; }
.loc-fmElemSLIDER-stage:hover { color:#FFFFFF; border:1px solid #007599; background-color:#007599; -moz-transition:background-color .4s linear, color .4s linear; -o-transition:background-color .4s linear, color .4s linear; -ms-transition:background-color .4s linear, color .4s linear; transition:background-color .4s linear, color .4s linear; }
.loc-fmElemSLIDER-stage:active { color:#007599; border:1px solid #007599; background-color:#FFFFFF; }
.loc-fmElemSLIDER-cursor { border:1px solid #D6E1E5;display:inline-block;position:absolute;left:-2px;top:-3px;width:24px;height:24px;border-radius:3px;background:#D6E1E5;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);z-index:10;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; }
.loc-fmElemSLIDER-cursor:before { content:"";display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:100%;background:#023247;background:linear-gradient(rgba(2,50,71,0.1), rgba(2,50,71,0.7));box-shadow:inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.3),0 1px 2px rgba(255,255,255,0.9); }
.loc-fmElemSLIDER-cursor-on { background:#D6E1E5; }
.loc-fmElemSLIDER-cursor-on:before { background:#007599; }
.loc-fmElemSLIDER-cursor-off { background:#D6E1E5; }
.loc-fmElemSLIDER-cursor-off:before { background:#023247; }
.loc-fmElemSLIDER-buttn { position:absolute; display:block; margin:0; padding:0; top:-1px; height:20px; width:100%; box-sizing:border-box; background-color:transparent; border:0px solid #FFFFFF; border-radius:30px; overflow:hidden;text-align:center;opacity:0;-webkit-transition:all .2s ease-in-out .1s;-ms-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s; }
.loc-fmElemSLIDER-buttn.loc-fmElemSLIDER-buttn-on { background-color:transparent; left:-50px;z-index:6;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; }
.loc-fmElemSLIDER-buttn.loc-fmElemSLIDER-buttn-off { background-color:transparent; right:-50px;z-index:5;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-on { }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-on .loc-fmElemSLIDER-cursor-on { left:50px; }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-on .loc-fmElemSLIDER-cursor-on:after { content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(255, 255, 255, 0.25);border:1px solid #FFFFFF;border-radius:3px;background:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2)); }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-on .loc-fmElemSLIDER-buttn-on { left:0px; padding-right:20px; opacity:1;-webkit-transition:all .2s ease-in-out .1s;-ms-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s; }
.loc-fmElemSLIDER-buttn-on { overflow:hidden; }
.loc-fmElemSLIDER-buttn-on:after { content:""; position:absolute;opacity:0; width:100%; height:24px; top:0; right:-100%; background:linear-gradient(to left,rgba(255, 255, 255, 0.25) 25%,rgba(255, 255, 255, 0.50) 50%,rgba(255, 255, 255, 0.75) 75%,rgba(255, 255, 255, 0.00) 100%); }
.loc-fmElemSLIDER-buttn-on:hover:after { opacity:1; width:100%; height:24px; top:-1px; right:100%; transition-property:right,top,opacity; transition-duration:0.5s,0.5s,0.10s; transition-timing-function:ease; }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-off { }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-off .loc-fmElemSLIDER-cursor-off { left:-2px; }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-off .loc-fmElemSLIDER-cursor-off:after { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.25);border:1px solid #FFFFFF;border-radius:3px;background:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2)); }
.loc-fmElemSLIDER-stage.loc-fmElemSLIDER-stage-off .loc-fmElemSLIDER-buttn-off { right:0px; padding-left:20px; opacity:1;-webkit-transition:all .2s ease-in-out .1s;-ms-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s; }
.loc-fmElemSLIDER-buttn-off { overflow:hidden; }
.loc-fmElemSLIDER-buttn-off:after { content:""; position:absolute;opacity:0; width:100%; height:24px; top:0; left:-100%; background:linear-gradient(to right,rgba(255, 255, 255, 0.25) 25%,rgba(255, 255, 255, 0.50) 50%,rgba(255, 255, 255, 0.75) 75%,rgba(255, 255, 255, 0.00) 100%); }
.loc-fmElemSLIDER-buttn-off:hover:after { opacity:1; width:100%; height:24px; top:-1px; left:100%; transition-property:left,top,opacity; transition-duration:0.5s,0.5s,0.10s; transition-timing-function:ease; }
/* footer elements */
.loc-capBase { background-image:none; outline:0; border:1px solid; border-radius:.2rem; }
.loc-capTrans { -moz-transition:opacity .4s linear, background-color .4s linear, color .4s linear; -o-transition:opacity .4s linear, background-color .4s linear, color .4s linear; -ms-transition:opacity .4s linear, background-color .4s linear, color .4s linear; transition:opacity .4s linear, background-color .4s linear, color .4s linear; }
.loc-fmDOCVIEWwrap { padding:1.25rem; margin-left:calc(1rem + 15px); margin-right:calc(1rem + 15px); margin-top:.5rem; background:#D8D8D8; border:1px solid #7A8489; }
.loc-fmDOCVIEWlabel { padding-top:1rem; font-size:1.5rem; text-align:center; color:#7A8489; }
.loc-fmDOCVIEWfield { padding:.5rem; }
.loc-fmDOCCONFwrap { height:70px; display:inline-block; padding:.75rem; margin-bottom:-.5rem; position:relative; color:#00607F; background:#D8D8D8; border:1px solid #00607F; border-radius:.2rem; }
.loc-fmDOCCONFlabel { padding-left:.5rem; color:#7A8489; }
.loc-fmDOCCONFfield { display:inline-block; vertical-align:middle; max-width:150px; }
.loc-fmCAPTCHAwrap { height:70px; display:inline-block; padding:1.25rem; margin-bottom:-.5rem; position:relative; color:#7A8489; background:#D8D8D8; border:1px solid #7A8489; }
.loc-fmCAPTCHAlabel { color:#7A8489; }
.loc-fmCAPTCHAfield { display:inline-block; vertical-align:middle; }
.loc-fmCAPTCHAimage { position:relative; bottom:2px; border-radius:.2rem; vertical-align:middle; }
.loc-fmCONFIRMwrap { height:70px; display:inline-block; padding:1.25rem; margin-bottom:-.5rem; position:relative; color:#7A8489; background:#D8D8D8; border:1px solid #7A8489; }
.loc-fmCONFIRMlabel { color:#7A8489; }
.loc-fmCONFIRMfield { display:inline-block; vertical-align:middle; max-width:150px; }
.loc-fmBUTTONSwrap { float:right; display:inline-block; height:100%; margin-top:.5rem; }
.loc-fmBUTTONSbody { }
/* helpers */
.loc-fmCTlink { color:#FFFFFF; text-decoration:none; }
.loc-fmCTlink:hover { color:#DDDDDD; }
.loc-fmCTtext { text-align:center; margin:auto; color:#6D0019; }
.loc-fmCTmsgs { margin-bottom:.5rem; }
.loc-fmCTneckT { margin-bottom:.5rem; }
.loc-fmCTneckM { }
.loc-fmCTneckB { padding:1rem; padding-left:2.2rem; padding-right:2.2rem; color:#6D0019; background-color:#A9B3B7; }
.loc-fmCTtoesT { }
.loc-fmCTtoesM { margin-left:-43px; }
.loc-fmCTtoesB { }
.loc-fmCTcharD { text-align:right; font-size:.8rem; color:#7A8489; }
.loc-fmCTcharS { font-weight:bold; }
.loc-fmCTinstr { font-size:.8rem; color:#7A8489; }
.loc-fmCTfiles { display:none; width:100%; padding-right:34px; color:#7A8489; background:#FFFFFF; text-align:center; border-top:1px solid #FFFFFF; }
.loc-fmCTrange { margin-left:8px; font-size:.8rem; }
.loc-fmCTrang1 { position:relative; top:.2rem; padding-right:.5rem; }
.loc-fmCTrang2 { position:relative; top:.2rem; padding-left:2rem; }
/* addons */
.loc-fmInst { padding-left:0; margin:2rem; margin-left:2.14285714em; list-style-type:none; }
.loc-fmInst > li { position:relative; }
.loc-fmMsgs { padding-left:0; margin:2rem; margin-left:2.14285714em; list-style-type:none; }
.loc-fmMsgs > li { position:relative; }
.loc-fmInfo { padding-left:0; margin:2rem; margin-left:2.14285714em; list-style-type:none; }
.loc-fmInfo > li { position:relative; }
/* =========================== file displays =====*/
.loc-imgPROF { width:50px; height:50px; border:2px solid yellow; }
.loc-imgSTAT { display:inline-block; vertical-align:middle; padding-bottom:.2rem; padding-right:.2rem; }
.loc-imgTHUM { width:50px; height:50px; padding:2px; border:1px solid #0099CC; border-radius:.2rem; margin-right:10px; }
.loc-imgSHOW { width:100%; height:100%; max-width:240px; padding:2px; border:1px solid #0099CC; border-radius:.2rem; margin-right:10px; }
.loc-fileWRAP { position:relative; width:100%; height:100%; max-width:240px; min-width:240px; max-height:240px; min-height:240px; border:1px solid #FFFFFF; }
.loc-fileIMGE { opacity:1; display:block; width:100%; height:auto; max-width:238px; min-width:238px; max-height:238px; min-height:238px; transition:.5s ease; backface-visibility:hidden; }
.loc-fileFLAG { width:100%; transition:.5s ease; opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center; }
.loc-fileWRAP:hover .loc-fileIMGE { opacity:0.3; }
.loc-fileWRAP:hover .loc-fileFLAG { opacity:1; }
.loc-fileBASE { width:100%; background-color:#FF7333; color:#FFFFFF; padding:.5rem; }
/* =========================== local addons =====*/


/* =========================== wrappers =====*/
.umsg-app-wrap { display:table; width:100%; border-collapse:separate; padding:0rem; background-color:#3F4F5A; border:1px solid #7A8489; }
.umsg-app-menu { display:table-cell; width:150px; padding-left:.5rem; padding-bottom:1rem; padding-top:3rem; background:#7A8489; vertical-align:top; text-align:right; }
.umsg-app-body { display:table-cell; background:#D8D8D8; vertical-align:top; border:1px solid #DDDDDD; }
.umsg-app-head { }

.umsg-box-wrap { width:100%; padding:.5rem; }
.umsg-box-head { width:100%; padding:.5rem; background:#7A8489; font-size:1.2rem; text-align:center; }
.umsg-box-body { width:100%; padding:.5rem; padding-bottom:0; }
.umsg-box-sect { margin-bottom:.5rem; width:100%; background:#D8D8D8; border:1px solid #7A8489; border-radius:.2rem; }