/* 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: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

        -webkit-border-radius:4px; -moz-border-radius: 4px;
        background: #fff;
        -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999;

/*    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
*/}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Modal Form styles */
#modal-form {
    -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999;
    -moz-border-radius: 10px; -moz-border-radius: 10px;
    -webkit-border-radius: 10px; -webkit-border-radius: 10px;
}

#modal-form #hdr {
    background: url(../images/top.png) repeat-x bottom;
    -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
}
#modal-form #hdr h4 {
    font: bold 12px Arial; padding: 10px; margin: 0;
}

#modal-form form {
    padding: 20px; margin: 0;
    border: none; position: relative;
}
#modal-form form label {
    display: block;
    font: normal 12px Arial; margin: 0 0 2px 0;
}
#modal-form form input[type='text'], #modal-form form input[type='password']  {
    padding: 4px;
    font: bold 12px Arial;
    display: block;
    border: none;
    background:#fff;
    width: 50%;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #555;
    margin-bottom: 10px;
}
#modal-form form input[type='submit'] {
    background: #5AB8DE  url(../images/submit.png) bottom repeat-x;  /*OEM BRANDABLE*/
    font:bold 12px Arial; color: #fff; border: none; padding: 6px 26px;
    display: block; -webkit-border-radius:6px; -moz-border-radius:6px;
    margin: 10px 0 0 0; width: 100%;cursor: pointer;
}
#modal-form form input[type='button'] {
    background: #5AB8DE  url(../images/submit.png) bottom repeat-x;  /*OEM BRANDABLE*/
    font:bold 12px Arial; color: #fff; border: none; padding: 6px 26px;
    display: block; -webkit-border-radius:6px; -moz-border-radius:6px;
    margin: 10px 0 0 0; width: 100%;cursor: pointer;
}

#modal-form form input[type='button'].jqmClose {
    display: block; color: #666666; text-decoration: none;
    font: bold 12px Arial; padding: 5px 20px; float: left;
    -moz-border-radius:4px; -webkit-border-radius:4px;
    margin: 0 4px 0 0; background-color: white;
        border-style:solid; border-color: #ccc;
        border-width:1px;
}

#modal-form form a {
    color: #5AB8DE ; /*OEM BRANDABLE*/
}
.button {
    width: 25%; float: left; padding-right:0px;
}
.button2 {
    width: 25%; float: right; margin-right: 48%; margin-top: -29px;
}

.links {
    margin-top: 20px;
}
.jqmWindow .alert {
    -moz-border-radius: 4px; -webkit-border-radius:4px;
    border: 1px solid #ddb78b; background:#ffedd9;
    padding: 6px; font: bold 11px Arial; color:#c86a26;
    display: block; width: 50%; margin: -8px 0 010px;
}