/* CSS Document */
/*
.modal_controls {
  color:#cccccc;
  font-size:1em;
  display:inline-block;
  margin:4px 0 0 10px;
  float:left;
}

.modal_controls a{
  color:#333333;
  padding:0;
  margin:0;
  font-size:.9em;
  text-decoration:none;
  border-bottom:1px solid #cccccc;
}
*/
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (via jqModal.js). */

/*.jqmWindow {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin:-300px 0 0 -306px;
}
*/
.jqmOverlay { background-color: #000; }

.modal form .jqmClose{
  width:88px;
  height:33px;
  background:url(../images/modal/close.gif) no-repeat;
  text-indent:-9999em;
  border:0;
  margin:0;
  padding:0;
  cursor:pointer;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;

    position: fixed;
    top: 5%;
    left: 50%;
}


/*GLEAN*/

.modal {
        border: 1px solid #e6e6e6;
        background: #ffffff;
        padding: 4px;
        position: relative;
        font-size: 1.2em;
        -moz-border-radius: 5px;
}

.modal .help {
        position: absolute;
        top: 4px;
        right: 4px;
}

.modal h2{
        margin:8px 0 8px 8px;
        padding:0;
        color:#3274D0;
        font-weight:bold;
        font-size:1.2em;
}

.modal h3 {
        margin: 0 0 4px;
}

/* New Modal Info */
.modal form {
        position: relative;
        background: #f2f2f2;
        padding: 8px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
}

.modal .controls a {
  color:#333;
  text-decoration:none;
  border-bottom:1px solid #ccc;
  font-weight:normal;
  margin:10px;
  display:inline-block;
}

.modal .controls a.active{
  font-weight:normal;
  color:#7BB34D;
  text-decoration:none;
  border:none;
  }

/* Specific Modals
**************************************************************/
#place_invite {
        width: 330px;
}

#glean_modal {
        width: 830px;
}

#delete_modal {
        width: 385px;
}

#glean_modal .modal_top .input.text input { width: 775px; }
.modal_left { float: left; width: 525px; overflow: hidden; }
.modal_right { float: left;  width: 245px; margin: 0 0 0 20px;}

#glean_modal .input.text input { width: 230px; }
#glean_modal .input.select select { width: 218px; }
#glean_modal .input.textarea textarea { width: 230px; height: 98px; }
#glean_modal .modal_right .input { margin: 0 0 11px 0; }
#glean_modal .buttons { position: absolute; bottom: 17px; right: 35px; }

#picture_select { max-width: 381px; overflow-x: auto; height: 143px; }
#picture_select img { padding: 2px; border: 1px solid #3274D0; margin: 0 2px; }