/************************
* General
************************/

#mm { position:relative; }
.mm * { font-family: Tahoma, Arial; font-size: 1.0em; }

.mm .button { padding: 0px 0px 4px 0px; height:20px; font-size:1.0em; margin-top:8px; width:80px; font-family:Tahoma, Arial; }

.mm .pop { display: block; width: 100%; position: absolute; height: 100%; background: url('../images/transparentWhite.png'); z-index: 1000; top: 0; left: 0; width: 700px; }

.mm .popup { width: 100%; z-index: 10000; padding-bottom: 20px; position: relative; }

.mm .imgSpace { background: #e9e9e9; background-repeat: no-repeat; background-position: center; border: 1px solid #A0B2C0; vertical-align: middle; position: relative; font-family: Verdana, Tahoma, Arial; }
.mm .Selecting { background: #fff; background-repeat: no-repeat; background-position: center; background-image: none; border: 1px solid #A0B2C0; vertical-align: middle; position: relative; font-family: Verdana, Tahoma, Arial; }

.mm .mmTextBox { width: 100%; }

.mm #toolbox { float: right; border: 1px solid #333; padding: 6px; text-align: center; }
.mm #toolbox input { border: 0; background: #fff; }


/************************
* Get image
************************/

.mm .getImage { display: block; margin-bottom: 10px; }

.mm #imgPreview { background: url('../images/transparent.png'); padding: 6px; z-index: 10000; }

.mm input { padding: 4px; margin: 2px; font-size: 1.1em; }
.mm h2, .mm a.heading { font-size: 1.1em; padding: 0 0 6px 0; margin: 0; padding: 10px; text-align: left; width: auto; margin-bottom: 6px; background: #085b20; color: #fff; font-weight: 700; display: block; }
.mm a.heading { color: #fff; }
.mm a.heading:hover { background: #085b20; text-decoration: none; color: #369; }

.mm a.Close { padding: 10px 10px 10px 10px; position: absolute; top: 0; right: 0; background: #119939; color: #fff; font-weight: 700; text-decoration: none; clear: both; font-size: 1.1em; }
.mm a.Close:hover { background: #14cc49; color: #fff; }

.mm a.OpenButton { padding: 10px; display: block; text-decoration: none; font-weight: 700; color: #000; }
.mm a.OpenButton:hover { padding: 0; border: 10px solid #A0B2C0; background: url('../images/transparentWhite.png') repeat; }

.mm ul { list-style-type: none; padding: 0; margin: 0; display: block; }
.mm li { list-style: none; display: inline-block; margin: 6px; float: left; padding: 4px 6px 20px 6px; background: #c2c2c2 url('../images/imgBG.jpg') repeat-x top; position: relative; }
.mm li strong { width: 118px; overflow: hidden; display: block; white-space: nowrap; }
.mm li a { text-decoration: none; color: #000; padding: 2px; margin: 0; width: auto; }
.mm li a:hover { color: #fff; background: #369; }
.mm li.selected { background: #c2e2f6; }
.mm li a.img { display: block; width: 116px; height: 98px; padding: 0; margin: 3px; border: 1px solid #000; overflow: hidden; text-align: center; }
.mm li a.img:hover, .mm li a.selected:hover { border: 4px solid #369; margin: 0; }

.mm a.Enlarge { position: absolute; top: 10px; left: 10px; font-size: 0.8em; font-weight: 700; padding: 6px; text-decoration: none; color: #000; background: url('../images/transparentWhite.png') repeat; }
.mm a.Enlarge:hover { background: #fff; }

.mm a.Delete { position: absolute; bottom: 10px; left: 10px; font-size: 0.8em; font-weight: 700; padding: 6px; text-decoration: none; color: #000; background: url('../images/transparentWhite.png') repeat; }
.mm a.Delete:hover { background: #fff; }


/************************
* Folder browser
************************/

.mm #mmFolderBrowser { float: left; width: 200px; border: 1px solid #A0B1BF; background: #E7EBEF; padding: 10px; }
.mm #mmUploadDocument { float: left; width: 500px; }