/* 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: 25%;
    left: 50%;
    
    margin-left: -227px;
    width: 470px; /* should be 455 - ie7 thinks differently about negative margins on the right side*/
    
    background-color: transparent;
    color: #333;
}


.jqmWindow .top {
    background: transparent url(/ui/jqmodal/dialog_top.png) left top no-repeat;
    margin: -15px -15px 0 -15px;
    height: 24px;
    padding: 15px 0 0 15px;
    text-align: center;
}

.jqmWindow .middle {
    margin: 0 -15px 0 -15px;
    overflow: visible;
    background: transparent url(/ui/jqmodal/dialog_middle.png) left top repeat-y;
}

.jqmWindow .bottom {
    margin: 0 -15px -15px -15px;
    width: 485px;
    height: 30px;
    background: transparent url(/ui/jqmodal/dialog_bottom.png) left top no-repeat;
}

.jqmWindow .middle .content {
    margin: 0 15px 0 15px;
    min-height: 81px;
    height:auto !important;
    height:81px;
}

/* falling back to gif for ie6 */
* html .jqmWindow .top {
    background: transparent url(/ui/jqmodal/dialog_top.gif) left top no-repeat;
    margin:0;
    padding: 0;
}

* html .jqmWindow .middle {
    margin: 0;
    background: transparent url(/ui/jqmodal/dialog_middle.gif) left top repeat-y;
}

* html .jqmWindow .bottom {
    width: 455px;
    height: 15px;
    background: transparent url(/ui/jqmodal/dialog_bottom.gif) left top no-repeat;
    margin: 0;
}

* html .jqmWindow .middle .content {
    margin: 0;
}
/* falling back to gif for ie6 */



.jqmWindow .top h1 {
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0 0 0;
    padding: 0;
    width: 455px;
}


.jqmWindow .middle .content .icon {
    position: relative;
    float: left;
    width: 100px;
    height: 78px;
    margin-top: 15px;
}

.jqmWindow .middle .content .icon span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent url(/ui/jqmodal/icons/alert.gif) center top no-repeat;
}

.jqmWindow .middle .content .icon span.delete {
    background-image: url(/ui/jqmodal/icons/delete.gif);
}

.jqmWindow .middle .content .icon span.moo {
    background-image: url(/ui/jqmodal/icons/moo.gif);
}

.jqmWindow .middle .content .icon span.flickr {
    background-image: url(/ui/jqmodal/icons/flickr.gif);
}

.jqmWindow .middle .content .icon span.picasa {
    background-image: url(/ui/jqmodal/icons/picasa.gif);
}

.jqmWindow .middle .content .icon span.facebook {
    background-image: url(/ui/jqmodal/icons/facebook.gif);
}

.jqmWindow .middle .content .icon span.youtube {
    background-image: url(/ui/jqmodal/icons/youtube.gif);
}

.jqmWindow .middle .content .question {
    margin: 0 15px 0 100px;
    padding: 20px 10px 25px 0;

}

.jqmWindow .middle .content .question p {
    font-size: 12px;
}

.jqmWindow .middle .content p strong {
    font-weight: bold;
}

.jqmWindow .middle .content .answer {
    position: absolute;
    right: 25px; /* ie7s opinion has its marks here too */
    bottom: 10px;
}
.jqmOverlay { background-color: #000; }
.jqmOverlayPreload { display: none; }

/* 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(25 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}