#event_viewport { /*font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;*/font-family: tahoma, arial, helvetica, sans-serif; font-size: 13px; padding: 2px; border: 0;}
#event_viewport dl {float: left; width: 97%;   margin: 5px 5px 5px 10px; cursor: pointer; border: solid 1px white;}
*html #event_viewport dl{margin: 5px 5px 5px 5px;width: 93%;}
#event_viewport dl .info {width: 30%;  margin: -14px 0 0 0px; padding: 0 0 0 9px; float: left; font-size: 11px; color: black;}
#event_viewport dl dd{margin: 0; padding: 0;}
#event_viewport dl dd .cost{text-align: right; width: 120px; }
#event_viewport dl h4 {font-family: tahoma, arial; color: black; font-size: 11px; font-weight: bold; margin: 5px 0;}
#event_viewport dl p,#myDataview .noevent {color:#777777;font-size:11px;margin-bottom:8px;margin-right:2px;margin-top:5px;text-align:justify;}
#event_viewport dl .top{}
#event_viewport dl .bottom{ clear:both; color: black; font-size: 11px; height: 38px; margin-left: 8px; overflow: hidden; padding-top: 1px; border-top: dashed 1px rgb(230, 230, 230);}
#event_viewport dl .bottom .ainfo {width: 125px;}
/*#event_viewport > div[id^="div_"]{height:205px;}*/
#loading-mask {position: absolute; left: 422px; top: 242px; width: 605px; height: 683px; z-index: 20000; background-color: white;}
#loading {position: absolute; left: 430px; top: 250px;width:586px; padding: 2px; z-index: 20001; height: auto; border: solid 1px #C1C1C1;}
#loading a {color: #225588;}
#loading .loading_indicator {width:98%;background: #E9E9E9; color: #444; font: bold 13px tahoma, arial, helvetica; padding: 0.5% 1% 0.5% 1%; height: auto;}
#loading  .noscript{padding-left:2px;padding-top:5px;padding-bottom:2px;font-size:12px;color:gray;test-align:justify;}
#loading-msg {font: normal 10px arial, tahoma, sans-serif;}
#init{padding:5px 0 5px 0;width:160px;font-size:11px;color:gray;background-color:#F1F1F1;padding-left:10px;position: absolute; left: 200px; top: 100px; z-index: 20000;}
#init-mask {position: absolute; left: 435px; top: 402px; width: 586px; height: 502px; z-index: 20000; background-color: white;}
#event_viewport .x-panel-body {background-color: #fff; border: 1px solid; border-color: #fafafa #fafafa #fafafa #fafafa;}
#event_viewport h2 {border-bottom: 2px solid #DADADA; cursor: pointer; padding-top: 6px;}
#event_viewport h2 div {background: transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px; padding: 4px 4px 4px 17px; color: black; font: bold 11px tahoma, arial, helvetica, sans-serif;}
#event_viewport .collapsed h2 div {background-position: 3px 3px;}
#event_viewport .collapsed dl {display: none;}
#event_viewport .other{background: white url(../images/other.gif) repeat scroll 0 0;}
#event_viewport .TRG{background: white url(../images/auscham.gif) repeat scroll 0 0;}
#event_viewport dl.TRG.over {background: #EBFBF3 url(../images/sample-over.gif) repeat-x scroll 0 0; border: solid 1px #FFFFEA;}
#event_viewport dl.other.over {background: #F1FADC url(../images/otherhover.gif) repeat-x scroll 0 0; border: solid 1px #D7EBAF;}
#myDataview .noevent{text-indent:5px;}
.x-window {text-align: left;}
#isloading{width:140px;height:30px;padding-top:8px;text-align:center;background-color:#F6F6F6;border:solid 1px #F1F1F1;margin:100px auto;}