#macro-browser-dialog {
    text-align: left;
}
#macro-browser-dialog.dialog .page-menu {
   margin: 0;
}
.dialog .button-panel button {
   margin-right: 10px;
}
.dialog .button-panel button.left {
   margin: 2px 0 0 10px
}
ul.page-menu button {
   cursor: pointer;
}
ol.macro-list {
   list-style: none;
   padding: 0;
   margin: 2px 0 0;
   float: left;
}
.macro-list-item {
   background: url(../../../images/icons/macrobrowser/macro-default.png) no-repeat 10px 10px;
   float: left;
   padding: 0 20px 0 102px;
   width: 192px;
   margin: 0;
   border: 2px white;
   height: 102px;
   font-size: .77em;
   overflow: hidden;
   cursor: pointer;
}
.macro-list-item .macro-desc {
   height: 64px;
   margin-top: 2px;
   overflow: hidden;
}
.macro-list-item h3 {
   margin: 11px 0 0;
   padding: 0;
}
.macro-list-item img {
   margin: 11px 0 0 -91px;
   float: left;
}
.macro-list-item:hover {
   background-color: #eee;
}
.selected-macro:hover,
.selected-macro {
   background-color: #fff3c5;
}
.dialog .panel-body.macro-input-panel {
   padding: 0;
   margin: 0;
   overflow: hidden;
}
.dialog-panel {
   overflow: auto;
}
.macro-input-fields,
.macro-preview-container,
#macro-insert-container{
   height: 100%;
   margin: 0;
   padding: 0;
}
.macro-preview-container {
   float: left;
   width: 536px;
   border-right: 1px solid #eee;
}
.macro-preview,
#macro-insert-container iframe {
   margin: 0;
   padding: 0;
}
.macro-input-fields {
   float: left;
   width: 328px;
   font-size: 0.8em;
}
.macro-input-fields .macro-desc {
   padding-top: 20px;
}
.macro-input-fields input,
.macro-input-fields textarea {
   width: 280px;
}
/*For FF2*/
.macro-input-fields .boolean-param input {
   width: auto;
   margin: 0;
}
.macro-input-fields .macro-param-div select {
   min-width: 100px;
}
#macro-browser-dialog .macro-param-desc {
   color: #666;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 0.9em;
}
#macro-browser-dialog .macro-desc,
#macro-browser-dialog .macro-freeform-desc,
#macro-browser-dialog .macro-title {
   color: #333;
}
.macro-help,
.macro-example,
.macro-freeform-input,
.macro-freeform-desc,
.macro-body-div,
.macro-param-div,
.macro-input-fields .macro-desc {
   padding: 10px 10px 0 10px;
}
.macro-body-div label,
.macro-param-div label {
   color: #000;
   display: block;
   font-weight: normal;
}
.macro-help h3,
.macro-example h3 {
   color: #333;
   margin: 0;
   padding: 10px 0;
}
.macro-help ul,
.macro-help ol,
.macro-param-desc ul,
.macro-param-desc ol {
   margin: 0;
   padding-left: 20px;
}
#macro-browser-preview iframe {
    border: none;
    height: 403px;
    width: 100%;
}
.macro-preview-container {
   overflow: hidden;
}
.macro-loading {
   margin: 130px 0 0 180px;
}
/*For Safari*/
#macro-browser-search-form {
   margin: 0;
}
#macro-browser-search {
   float: right;
   margin: 10px 0;
}
input.macro-text {
   margin-right: 2px;
}
.macro-preview-header {
   border-bottom: 1px solid #f0f0f0;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 0.8em;
   height: 20px;
   overflow: hidden;
   padding: 0.8em 1.4em 0.7em;
   margin: 0;
}
.macro-preview-header span {
   color: #666;
   float: left;
   font-size: 1.2em;
   font-weight: bold;
}
.macro-preview-header #macro-browser-preview-link {
   clear: right;
   color: #036;
   float: right;
   outline: none;
   background: url(../../../images/icons/refresh_grey_16.png) no-repeat;
   padding-left: 22px;
}
.macro-preview-header #macro-browser-preview-link.disabled {
   color: #ccc;
   cursor: default;
   text-decoration: none;
}

/*Multiple parameter fields - not used yet */
.macro-input-fields ol.macro-param-entry-list {
   list-style: none;
}
.macro-input-fields .macro-param-list-entry {
   position: relative
}
.macro-input-fields .macro-param-list-entry span {
   font-size: 0.8em;
}
.macro-input-fields .macro-param-list-entry .remove-entry {
   background: url(../../../images/icons/del_8.gif) no-repeat 100% 50%;
   display: block;
   position: absolute;
   right: 12px;
   text-indent: -999em;
   top: 0;
   width: 8px;
}
.macro-input-fields .macro-param-dropdown-wrapper {
   position: relative;
}

.macro-input-fields ul.ajs-drop-down.quick-nav-drop-down {
   position: absolute;
   top: 0;
   right: auto;
   width: 24.6em;
}