/* AUI form.css overrides */
#gadget-edit-div form.aui {background: #fff; margin-bottom:0; padding:15px 15px 0px;}
#gadget-edit-div form.aui fieldset {margin-bottom:0px; padding-bottom:5px;}
#gadget-edit-div form.top-label fieldset {margin: 0 auto; width: 230px;}
#gadget-edit-div form.aui .text {width: 225px;}
#gadget-edit-div form.aui .list-container label {padding-top: 2px;}
#gadget-edit-div form.aui .list-container ul.faux-list {line-height: 1.2; margin: 0 0 0.4em 0;}
  #gadget-edit-div form.aui .list-container ul.faux-list li {min-height: 1.4em; overflow: auto;}
    #gadget-edit-div form.aui .list-container ul.faux-list li span {display: block; float: left; margin: 0 0.3em 0 0; min-width: 3em; width: auto;}
    #gadget-edit-div form.aui .list-container ul.faux-list li a,
    #gadget-edit-div form.aui .list-container ul.faux-list li a:link,
    #gadget-edit-div form.aui .list-container ul.faux-list li a:visited {background: transparent url('../../resources/com.atlassian.gadgets.dashboard%3Adashboard/css/images/icoblack_delete.png') no-repeat 0 0; display: block; float: left; height: 13px; margin: 0.2em 0 0 0; text-indent: -9999px; width: 13px;}
    #gadget-edit-div form.aui .list-container ul.faux-list li a:hover,
    #gadget-edit-div form.aui .list-container ul.faux-list li a:active,
    #gadget-edit-div form.aui .list-container ul.faux-list li a:focus {background-image: url('../../resources/com.atlassian.gadgets.dashboard%3Adashboard/css/images/ico_delete.png');}
#gadget-edit-div form.aui .list-container button.js {padding: 2px 4px 3px 4px;} /* Unnecessary in FF, but Safari wants it explicit */
#gadget-edit-div form.aui div.submit {text-align: center;}

form.aui p.gadget-security-warning,
form.aui p.gadget-description,
form.aui p.gadget-spec-description {
    padding-bottom : 5px;
}

.macro-input-fields .macro-param-div input {
	max-width: 250px;
}

.macro-input-fields .macro-param-div select {
	max-width: 250px;
}

.macro-input-fields .macro-param-div textarea {
	max-width: 250px;
}

#macro-browser-edit-link {
    display: block;
	color: #036;
	outline: none;
	background: url(../../../images/icons/edit_16.gif) no-repeat;
	padding-left: 22px;
}

span.gadget-not-configured-warning {
    background: url(../../../images/icons/emoticons/warning.gif) no-repeat 10px 50%;
    padding-left: 30px;
    padding-right:10px;
    margin-left: 50px;
    color:#333333;
    font-size:0.8em;
}

#macro-browser-edit-link.disabled {
   color: #ccc;
   cursor: default;
   text-decoration: none;
}

#gadget-edit-div {
    overflow: auto;
    height:400px;
}

.gadget {
    width: 100%;
}
/*Copied from Refapp gadget directory which copied macro browser*/
#gadget-directory-dialog .dialog .dialog-button-panel button {
    margin-right: 10px;
}

#gadget-directory-dialog .dialog .dialog-button-panel button.left {
    margin: 2px 0 0 10px
}

#gadget-directory-dialog ul.page-menu button {
    cursor: pointer;
}

#gadget-directory-dialog ol.macro-list {
    list-style: none;
    padding: 0;
    margin: 0px;
    float: left;
    width: 624px;
    height: 443px;
    overflow-x: hidden;
    overflow-y: auto;
}

#gadget-directory-dialog .macro-list-item {
	background: url(../../resources/com.atlassian.confluence.plugins.gadgets:static-resources/images/bg-gadget-default.png) no-repeat 15px 15px;
    float: left;
    padding: 5px 0px 0 147px;
    margin: 0;
    border: 2px white;
    min-height: 89px;
    width: 477px;
    font-size: .77em;
    overflow: hidden;
}

#gadget-directory-dialog .macro-list-item .macro-desc {
    /*height: 81px;*/
    margin-top: 2px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

/* IE */
#gadget-directory-dialog .macro-list-item h3 {
    margin: 11px 0 0;
    padding: 0;
}

#gadget-directory-dialog .macro-list-item img {
    border: 1px solid #999;
    margin: 10px 0 0 -132px;
    float: left;
}

#gadget-directory-dialog .macro-list-item .add-button {
    margin: 81px 0 0 -131px;
    float: left;
    width: auto;
}

/* IE */

#gadget-directory-dialog .selected-macro:hover,
    .selected-macro {
    background-color: #fff3c5;
}

#gadget-directory-dialog .dialog .panel-body.macro-input-panel {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/*For FF2*/
#gadget-directory-dialog .macro-input-fields .boolean-param input {
    width: auto;
}

#gadget-directory-dialog .macro-input-fields .macro-param-div select {
    min-width: 100px;
}

#gadget-directory-dialog .macro-param-desc {
    color: #666;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 0.9em;
}

#gadget-directory-dialog .macro-desc {
    color: #333;
    padding-right: 20px;
}

#gadget-directory-dialog .macro-title {
    font-weight: bold;
}

#gadget-directory-dialog a.macro-uri {
    font-size: 9pt;
}

#gadget-directory-dialog .macro-help,
    .macro-example,
    .macro-freeform-input,
    .macro-body-div,
    .macro-param-div,
    .macro-input-fields .macro-desc {
    padding: 10px 10px 0 10px;
}

#gadget-directory-dialog .macro-body-div label,
    .macro-param-div label {
    color: #000;
    display: block;
    font-weight: normal;
}

#gadget-directory-dialog .macro-help h3,
    .macro-example h3 {
    color: #333;
    margin: 0;
    padding: 10px 0;
}

#gadget-directory-dialog p.macro-author, p.macro-desc {
    font-family: arial,tahoma,verdana,sans-serif;
    color: #333;
}

#gadget-directory-dialog div.directory-help {
    border-right: 1px solid #F0F0F0;
    float: left;
    width: 210px;
    height: 413px;
    padding: 15px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

#gadget-directory-dialog div.directory-help h3 {
    margin: 0 0 10px;
    padding: 0;
}

#gadget-directory-dialog div.directory-help p {
    margin: 0 0 20px;
}

#gadget-directory-dialog div.loading-error {
    padding: 15px;
}

#gadget-directory-dialog div.no-gadgets {
    padding-top: 15px;
    margin-left:260px;
}

#gadget-directory-dialog div.throbber {
    padding: 145px 360px
}