html, body { min-height: 100%; height: auto !important; height: 100%; padding: 0; margin: 0; }
body  { font-family: "trebuchet ms", georgia, serif; font-size: 1em; }
#mpo-mask { position: absolute; left:0px; top: 0px; z-index:10; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;  background-color: #ffffff;}
#mpo-modules { position:fixed; left:0px; top: 0px; z-index:21; }

#mpo-editing-window, #mpo-editing-mask, #mpo-editing-grid, #mpo-editing-filter {position: absolute; left:35px; top: 110px; width:95%; height:450px; }
#mpo-editing-mask { z-index:5; background-color: #ffffff; background: url('../img/inf/mask_bkg.png') no-repeat 100% 100% }
#mpo-editing-grid { display:none; z-index:4; background: url('../img/inf/grid_bkg.gif') repeat }
#mpo-editing-filter { display:none; z-index:1; filter:alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55; background: #ffffff url('../img/inf/filter_bkg.png') no-repeat 100% 100% }
#mpo-editing-wrap { z-index:6; position: absolute; left: 35px; top: 110px; }
#mpo-editing-modules { z-index:18; position: absolute; left: 0px; top: 110px; }

#mpo-editing-markers, #mpo-editing-trac { z-index:1; position: absolute; left:0px; top: 0px; }
#mpo-editing-markers1000 { position: absolute; left:0px; top: 0px; z-index:25;}
.mpo-editing-markers-layer { position: absolute; left:0px; top: 0px; }
#mpo-editing-trac { z-index:2; border-right: 1px solid #333333; border-bottom: 1px solid #333333; background-color: #333333; filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;}
#mpo-editing-left-edge { z-index:17; position: absolute; left:0px; top: 110px;  width: 36px; height:450px; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; background : #ffffff url('../img/inf/border_edge.gif') repeat-y 100% 0px; text-align:right} 
#mpo-editing-left-edge img { cursor:pointer; }
#mpo-editing-slider {position: absolute; left:35px; top: 90px; width: 95%; height: 20px; background : transparent url('../img/inf/slider_bkg.gif');} 
#mpo-editing-window-nav {position: relative; }
#mpo-textsize {padding:0px; margin:0px; border:0px;}

#mpo-head { z-index:15; position: absolute; left:35px; top: 0px; height:60px; padding-top:35px; width:95%; overflow:visible;}
#mpo-head-label { font-size:1.4em; font-weight:700; overflow:hidden; }
#mpo-nav-left {  z-index:17; position:fixed; left:95%; top:0px; }
#mpo-nav-logo {  position:relative; width:300px; left:-265px; text-align:right; font-size:0.9em; }
#mpo-nav-buttons { float:left; }
#mpo-head-source {}
#mpo-head-links { height:2em; font-size:0.7em; }
#mpo-head-links a { background-color:#cccccc; color:#ffffff; text-decoration:none; border-right: 1px solid #ffffff; }
#mpo-head-links a:hover { background-color:#B7DB4C; color:#ffffff; }
#mpo-head-links img, .mpo-module img { cursor: pointer; }
#mpo-module-nav { z-index:16; position:fixed; left:35px; top:0px; width:95%; }
#mpo-module-help { width:30em; }

.mpo-module { z-index:16; position:absolute; left:0px; top:0px; width:20em;
               font-family: "trebuchet ms", georgia, serif; font-size:0.9em; text-align:center; }
a.mpo-module-link, a.mpo-module-link:visited, .mpo-help-txt p a { color:#ffffff; }
a.mpo-module-link:hover { background-color:#ffffff; color:#333333; }
.mpo-module-title { font-size:1.2em; font-weight:800; text-align:left; }
.mpo-module-buttons { text-align:center; }
.mpo-module-outer-body-black { padding: 0px 5px; }
.mpo-module-inner-body { margin: 0px auto; text-align:left; width:90%;}
.mpo-input-txt, .mpo-input-sel, .mpo-input-txtarea, .mpo-mk-txtarea, .mpo-mk-vtxtarea  { width:100%; border:1px solid #ffffff; }
.mpo-input-txtarea { height:5em; white-space:normal;}
.mpo-mk-txtarea { height:7em; }
.mpo-mk-vtxtarea { height:12em; }
.mpo-mk-bdy-nav { text-align:left; width:8em;}
.mpo-mk-bdy-nav a { font-weight:bold; color:#333333; border-left: 1px #ffffff solid; text-decoration:none; background-color:#cccccc; color:#333333;}
.mpo-mk-bdy-nav a:hover { background-color:#333333; color:#ffffff;}

#mpo-module-comment-txt { width:13em; border:0px solid #ffffff; height:1.5em; font-size:1em;}
#mpo-module-comment-tim { text-align: right; color:#ffffff; font-size:0.7em; padding-bottom:3px; padding-left:2px;}

#mpo-module-markers-dip img { cursor: pointer; }
#mpo-module-markers-sel { width:11em; }
.mpo-module-markers-sep { margin-bottom:5px; border-bottom: 1px dotted #ffffff; }
.mpo-mk-icon-lgbo { position:absolute; width:24px; height:40px; 
                            background : transparent url('../img/mk/s/lgbo_s.png') no-repeat; }
.mpo-mk-bdy-lgbo { position:absolute; width:18em; border: 1px solid #cccccc; background-color: #ffffff; cursor:pointer; padding: 0px 5px; visibility: hidden; }
.mpo-mk-icon-lghx { position:absolute; width:36px; height:38px; }
.mpo-mk-bdy-lghx { position:absolute; width:18em; border: 1px solid #cccccc; background-color: #ffffff; cursor:pointer; padding: 0px 5px; visibility: hidden; }
.mpo-mk-icon-lgsh { position:absolute; width:30px; height:50px; 
							background : transparent url('../img/mk/s/lgsh_s.png') no-repeat; }
.mpo-mk-bdy-lgsh { position:absolute; width:18em; border: 1px solid #cccccc; background-color: #ffffff; cursor:pointer; padding: 0px 5px; visibility: hidden; }
.mpo-mk-wrap { z-index:0; }
.mpo-mk-wrap img { cursor:pointer; }
.mpo-mk-meta { text-align:right; font-size: 0.6em; }
#mpo-mod-footer { border-top: 1px solid #cccccc; background : #333333 }
#mpo-mod-footer-advt { height:70px; overflow:hidden; }
.mpo-mod-footer-advt { padding:3px; display:none; }
#mpo-mod-footer-logo { height:25px;}
#mpo-sym-msg { position: absolute; left:0px; top: 0px; z-index:11; display:none; width:18em; }
.mpo-sym-msg-bod { padding:5px; background-color: #99CC99; }
.mpo-sym-msg-bod  p { color: #ffffff; text-align:center; }
.mpo-sym-msg-bod  img { cursor: pointer; }

#mpo-doc-load, #mpo-com-save { text-align:center; padding: 20px 0px; }

.mpo-buttons { float:left; }
.mpo-button {float:left; margin: 0px 1px; width:8em; padding-bottom: 0px; cursor:pointer; }
.mpo-button:hover { background : #FFCC00; padding-bottom: 3px; }

.mpo-button-mod-black, .mpo-button-mod-red, .mpo-button-mod-green { margin: 0px 1px; padding: 0px 5px; cursor:pointer; font-size:1.2em; font-weight:600;}
.mpo-button-mod-black:hover, .mpo-button-mod-red:hover, .mpo-button-mod-green:hover { border: 1px solid #ffffff; }

.mpo-button-mod-black { border: 1px solid #999999; background : transparent url('../img/inf/mod_nav_but_bkg_black.png') repeat-x 0px 100%; }
.mpo-button-mod-red { border: 1px solid #999999; background : transparent url('../img/inf/mod_nav_but_bkg_red.png') repeat-x 0px 100%; }
.mpo-button-mod-green { border: 1px solid #999999; background : transparent url('../img/inf/mod_nav_but_bkg_green.png') repeat-x 0px 100%; }
.mpo-button-mod:hover { background : #FFCC00; }
.mpo-button-text-black, .mpo-button-text-red, .mpo-button-text-green { text-align:center; font-size:1.2em; color:#ffffff; font-weight:800; padding: 0px 5px; }
.mpo-button-text-black {  background : transparent url('../img/inf/mod_nav_but_bkg_black.png') repeat-x 0px 100%; }               
.mpo-button-text-red {  background : transparent url('../img/inf/mod_nav_but_bkg_red.png') repeat-x 0px 100%; }              
.mpo-button-text-green {  background : transparent url('../img/inf/mod_nav_but_bkg_green.png') repeat-x 0px 100%; }              
                   
.mpo-bdr-pop { padding:5px; background-color: #333333;}
.mpo-bdr, .mpo-bdr-sym, .mpo-bdr-hlp { margin: 0px; height:7px;}
.mpo-bdr div, .mpo-bdr-sym div, .mpo-bdr-hlp div, .mpo-bdr-black div, .mpo-bdr-red div, .mpo-bdr-green div { overflow: hidden; height: 1px; }
.mpo-bdr-sym div, .mpo-module-outer-body-sym { color:#ffffff; background-color: #666666; }
.mpo-bdr-hlp div, .mpo-module-outer-body-hlp { color:#ffffff; background-color: #666666; }
.mpo-bdr-red div, .mpo-module-outer-body-red { color:#ffffff; background-color: #CC0000; }
.mpo-bdr-green div, .mpo-module-outer-body-green { color:#ffffff; background-color: #99CC00; }
.mpo-bdr-black div, .mpo-module-outer-body-black { color:#ffffff; background-color: #333333; }

.mpo-bdr-m6 { margin-right:6px; margin-left:6px; }
.mpo-bdr-m4 { margin-right:4px; margin-left:4px; }
.mpo-bdr-m3 { margin-right:3px; margin-left:3px; }
.mpo-bdr-m2 { margin-right:2px; margin-left:2px; }
.mpo-bdr-m1 { margin-right:1px; margin-left:1px; }
.mpo-bdr-m0 { margin-right:0px; margin-left:0px; }
#mpo-base-w { position: relative; }
.mpo-base { clear:both; float:right; margin:0px; padding:0px; width:1px; height:1px; font-size: 0em;}

.mpo-msg-txt { clear:both; text-align:center; }
.mpo-help-txt { clear:both; text-align:left; height:10em; overflow:auto;}
.mpo-error-txt, .mpo-module-txt { clear:both; text-align:left; }