.weagr-cont { border: 1px dotted #ddd; width: 600px; background-color: #fff; padding: 10px; margin: 10px; position: relative; }
.weagr-cont .weagr-target {  width: 600px; height: 300px; }
.weagr-cont .weagr-text { margin-top:0px; font-size: 1.2em; font-weight: bold; }
.weagr-cont .weagr-legend { float:left; margin-left:10px; }
.weagr-cont .weagr-legend td { text-align: left; }
.weagr-cont .weagr-branding { float:right; margin-right:10px; position: absolute; bottom: 0; right: 0; font-size: 0.8em; }
.weagr-cont .weagr-clear { clear:both; }
.weagr-cont .weagr-dt { width: 140px; }
.weagr-cont .weagr-nav-label { color: #666; font-size: 0.8em; }

/* datepicker */
.ui-datepicker { z-index=99; }

/* loadmask */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #D9C7B9;
    background: #D9C7B9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('/media/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #bbb;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}