/*
 ---

 file: imagebutton.css

 description: MUI - Image Button control css.

 copyright: (c) 2011 Contributors in (/AUTHORS.txt).

 license: MIT-style license in (/MIT-LICENSE.txt).

 provides: css for default theme

 ...
 */

 /* Image Buttons */
span.imgButton { margin-right: 2px; line-height: 16px; padding-top: 1px; }
span.imgButton .imgButton { display: inline-block; background-color: white; border: solid 1px #DDDDDD; cursor: pointer; padding: 0 2px 0 4px; margin: 0; vertical-align: middle; font-family: Sans-Serif; font-size: 11px;}
span.imgButton .imgButton span span { background-color: transparent; border: none; color: #AAAAAA; position: relative; top: -6px; padding: 0 2px 0 2px;   }
span.imgButton .imgButton:hover { border: solid 1px #790000; text-decoration: none; color: #790000; }
span.imgButton .imgButton:hover span { text-decoration: none; color: #790000; }
span.imgButton .imgButton:visited,.imgButton:active,.imgButton:link,.imgButton:hover { text-decoration: none; }
span.imgButton .imgButton:visited span,span.imgButton .imgButton:active span,span.imgButton .imgButton:link span,span.imgButton .imgButton:hover span { text-decoration: none; }
span.imgButton .imgButton:link span span,span.imgButton .imgButton:active span span,span.imgButton .imgButton:hover span span,span.imgButton .imgButton:visited span span { border: none; text-decoration: none; }
span.imgButton .imgButton span img { padding: 0 0 4px 0; position: relative; top: 7px }
span.imgButton .imgButton span { padding: 0 4px 0 2px; color: #AAAAAA; position: relative; top: -3px;}

span.imgButton .imgButton.imgOnly { background-color: transparent; border:none; padding: 0; }
span.imgButton .imgButton.imgOnly span { padding: 0 0 0 2px; }
span.imgButton .imgButton.imgOnly:hover { background-color: transparent; border: none;  }

div.toolbar div span.imgButton { line-height: 12px; }
div.toolbar div span.imgButton .imgButton { background-color: transparent; margin-right: 2px; }
div.toolbar div span.imgButton .imgButton span img { padding: 0 0 3px 0; position: relative; top: 6px }

div.mochaWindowFooter span.imgButton { line-height:14px; }                                               
div.mochaWindowFooter span.imgButton .imgButton {background-color: transparent; border: solid 1px #BBBBBB; }
div.mochaWindowFooter span.imgButton .imgButton span img { padding: 0 0 3px 0; position: relative; top: 6px }
div.mochaWindowFooter span.imgButton .imgButton span span { color: #BBBBBB; }
/* Image Buttons */