﻿.cms-mg-wrap { height: 0; position: relative; z-index: 2; }
.cms-mg { position: absolute; height: 24px; z-index: 2; }
.cms-mg-top { top: 0; }
.cms-mg-bottom { bottom: 0; }
.cms-mg-right { right: 0; }
.cms-mg-left { left: 0; }
.cms-mg-inner { display: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; padding: 4px 6px; font-size: 7.5pt; white-space: nowrap; border: 1px #ccc solid; }
.cms-mg-inner img { vertical-align: middle; }
.cms-mg-base { position: absolute; padding: 3px; opacity: 0.5; filter: alpha(opacity=50); top: 0; }

.cms-mg-right .cms-mg-inner { padding-right: 24px; }
.cms-mg-right .cms-mg-base { right: 0; }

.cms-mg-left .cms-mg-inner { padding-left: 24px; }
.cms-mg-left .cms-mg-base { left: 0; }

.cms-mg-wrap .cms-mg .cms-mg-inner { color: #777; }
.cms-mg a:link, .cms-mg a:active, .cms-mg a:visited { display: inline ! important; margin: 0 ! important; border: none ! important; padding: 0 ! important; font-weight: normal ! important; color: #448 ! important; text-decoration: underline; }
.cms-mg a:hover { color: #44f ! important; text-decoration: underline; }

.cms-mg-hl { position: absolute; }
.cms-mg-hl-border { border: 1px #484 solid; position: absolute; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.cms-mg-hl-inner { background: #484; opacity: 0.10; -moz-opacity: 0.5; filter: alpha(opacity=15); position: absolute; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

.cms-mg-hl.cms-mg-hl-orange .cms-mg-hl-border { border: 1px #f84 solid; }
.cms-mg-hl.cms-mg-hl-orange .cms-mg-hl-inner { background: #f84; }