html, body, #main {
    width: 100%;		/* make the body expand to fill the visible window */
    height: 100%;
    /*	overflow: auto;	 erase window level scrollbars */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
		
}


.dbootstrap .dijitIcon  {
    border: 0 none;
    display: inline-block !important;
    padding: 0;
    vertical-align: middle;
	content: "?";
}

body .dojoSplitPane {
    background: #ededff;
    overflow: auto;
}

.tundra #footer, .tundra .statusUser,  .tundra .statusDb, .tundra .statusVersion, .tundra .statusBrowser ,.tundra  .statusLogo,
.dbootstrap  #footer, .dbootstrap  .statusUser,  .dbootstrap  .statusDb, .dbootstrap  .statusVersion, .dbootstrap  .statusBrowser ,.dbootstrap   .statusLogo
{
    background:#e9e9e9 url("buttonEnabled.png") repeat-x top;
    padding-top: 2px;
}

.tundra .dijitSplitterV  , .dbootstrap .dijitSplitterV{
    border: 1px;
    background-color: #efefef;
    width:5px;
}

.tundra .errorMsgBox ,.dbootstrap .errorMsgBox  {
    background-color: #fefefe;
    background: url("logout1.png") no-repeat scroll  transparent;
    background-position: 10px 50%;
    padding-left:  50px;
    padding-top: 4px;
    margin: 10px;
}

.tundra .okMsgBox , .dbootstrap .okMsgBox {
    background-color: #fefefe;
    background: url("accept.gif") no-repeat scroll  transparent;
    background-position: 10px 50%;
    padding-left:  50px;
    padding-top: 4px;
    margin: 10px;
}

.tundra .dijitButtonNode{
    padding: 0px !important;
}

.tundra .dojoxGrid-scrollbox, .dbootstrap .dojoxGrid-scrollbox
{
    background-color:#FEFEFE;
    overflow:auto;
    position:relative;
    width:100%;
}


.tundra .dijitTextBoxFocused, .tundra .dijitComboBoxFocused, .tundra .dijitSpinnerFocused, .tundra .dijitSpinnerUpArrowActive, .tundra .dijitSpinnerDownArrowActive, .tundra .dijitTextAreaFocused,
.dbootstrap .dijitTextBoxFocused, .dbootstrap .dijitComboBoxFocused, .dbootstrap .dijitSpinnerFocused, .dbootstrap .dijitSpinnerUpArrowActive, .dbootstrap .dijitSpinnerDownArrowActive, .dbootstrap .dijitTextAreaFocused
{
	background: #FFFFFF;color:#000000
}

.dbootstrap  div[id="tab.main"]
{
    padding: 0px;
}	

/*#tabs {
    height: 96%;
}*/
.licenseText {
    background-color: #ff0000;
    color: #ffffff;
    width:80%;
    text-align:center;
}

#submitform
{
    padding-top: 80px;
}


.message_error 	  {font-size:11px;font-weight: bold;color: #ff0000;}
.message_success  {font-size:11px;font-weight: bold;color: #0000ff;}

.errorBox {
    background-color: #fefefe;
    color: #ff0000;
    width:250px;
    text-align:center;
}

.infoBox {
    font-family:Verdana;
    border: 1px dashed #000099;
    padding:50px;
    width:300;
    margin:50px;
    color:#000099;
}




.statusError {
    color: #ff0000;
    padding-right: 20px;
    padding-left:  20px;
}
.statusUser{
    padding-right: 5px;
    padding-left:  5px;
    white-space:   nowrap;
}
.statusDb, .statusVersion, .statusBrowser , .statusLogo{
    padding-right: 0px;
    padding-left:  10px;
}
.statusLogo{
    padding-right: 20px;
}



.soria #footer, .soria .statusDb, .soria .statusVersion, .soria .statusBrowser ,.soria  .statusLogo
{
    background:#B7CDEE;
}

.dijitTreeLabel {
    font-size:		11px;
    font-weight:	normal;
    color:			windowtext;
    padding-left:	5px;
}

.dijitTabPaneWrapper  {
    padding-left:	2px;
    padding-top:	2px;
}

.tstopframe {
    border-bottom:0px solid blue;
    width: 100%;
    height: 100%;
}



.title {font-size:15px;font-weight: bold;color: black;}
.head {background-color:#79d;font-weight:bold;font-size:9pt;color:white;}
td.head {background-color:#79d;font-weight:bold;font-size:9pt;color:white;}
td.subhead {background-color:#ace;font-size:9pt;color:black;}
tr.head {background-color:#bdbdbd;font-weight:bold;font-size:9pt;color:white;}
tr.tr0 {background-color:#dddddd;font-size:9pt;}
tr.tr1 {background-color:#eeeeee;font-size:9pt;}
tr.select {background-color:#FFB6C1;font-size:9pt;}


table.stat   {border:0;width:90%;padding:1px;}
td.stat_key,  td.td_stat_key  {font-weight:bold;font-size:9pt;color:blue;width:140px}
td.stat_msg,  td.td_stat_msg  {font-size:9pt;color:black;width:300px}
td.stat_time, td.td_stat_time {font-size:9pt;color:red;width:80px}
td.stat_diff, td.td_stat_diff {font-size:9pt;color:DeepPink;font-weight:bold;width:80px}


.sdtablelong .sdheader {background-color:#79d;font-weight:bold;font-size:9pt;color:white;}


td.td0 {background-color:#dddddd;font-size:9pt;font-style:normal;}
td.td1 {background-color:#eeeeee;font-size:9pt;font-style:normal;}
td.l, td.td_l {text-align:left;padding-left:5px;}
td.n, td.td_n {text-align:right;padding-right:5px;}
td.r, td.td_r {text-align:right;padding-right:5px;}
td.c, td.td_c {text-align:center;}
td.marker { vertical-align:middle;}
td.button { background-color:ffffff;font-weight:bold;}
td.button:hover { background-color:#ffffff;font-weight:bold;text-decoration:underline;}

td.tdvalmin, td.td_tdvalmin {background-color:#FFB6C1;text-align:right;}
td.tdvalmax, td.td_tdvalmax {background-color:#98FB98;text-align:right;}

table.scroll      { font-family:arial;font-size:10pt;width:10%;  border-collapse:separate; border-spacing:4px; }
td.scroll         { color:black;text-decoration:none;font-weight:bold; text-align:center; padding-left:8px; padding-right:12px; }
td.scroll_link:hover{ cursor:pointer;text-decoration:none;color:#000; background-color:#ffd; border-top:1px solid #EEE;  border-left:1px solid #EEE;  border-right:2px solid #444;  border-bottom:2px solid #444; }
td.scroll_link    { cursor:pointer;text-decoration:none;color:#000; background-color:#CCC; border-top:1px solid #EEE;  border-left:1px solid #EEE;  border-right:2px solid #444;  border-bottom:2px solid #444; }
td.scroll_nolink  { color:#FFF; background-color:#CCC; border-top:1px solid #AAA;  border-left:1px solid #AAA;  border-right:1px solid #EEE;  border-bottom:1px solid #EEE; }
td.scroll_current { color:#444; background-color:#F4F4F4; border-top:2px solid #666; border-left:2px solid #666; border-right:1px solid #AAA; border-bottom:1px solid #AAA; }


.detailsview {padding:10px;text-orientation:center;}
.listview 	 {width:100%;overflow:auto;margin-left:0px;}


.stationdetails {width:100%;overflow:auto;margin-left:0px;}

.catchmentview {margin:10px;text-orientation:center;}
.customerview {margin:0px;text-orientation:center;}
.expointview {margin:0px;text-orientation:center;}
.inpointview {margin:0px;text-orientation:center;}
.supplierview {margin:0px;text-orientation:center;}

.supplierlist {width:100%;overflow:auto;margin-left:0px;}
.catchmentlist {width:100%;overflow:auto;margin-left:0px;}
.customerlist {width:100%;overflow:auto;margin:0px;}
.expointlist {width:100%;overflow:auto;margin:0px;}
.inpointlist {width:100%;overflow:auto;margin:0px;}

.userlist {width:100%;overflow:auto;margin:0px;}

.tsview {width:100%;margin:0px;text-orientation:center;text-align:center;}


<!-- /* Toolbar  Icons */  -->

<!-- /* Toolbar  Icons */  -->
.iconLink{
    background-image: url('link.png');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    text-align: center;
    padding-right:1px;
}

.iconGas{
    background-image: url('gas.png');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    text-align: center;
    padding-right:1px;
}
.iconStrom{
    background-image: url('strom.png');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    text-align: center;
    padding-right:1px;
}
.iconWasser{
    background-image: url('wasser.png');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    text-align: center;
    padding-right:1px;
}

.iconShowDashboard{
    background-image: url('portlet.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconLogout{
    background-image: url('logout_user.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconChangeDb{
    background-image: url('change_db.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconChangeLanguage{
    background-image: url('change_language.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconSelectDialog{
    background-image: url('tabelle.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconFolderFav{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}


.iconTs{
    background-image: url('graph.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
/**
common for icon 18
*/
.iconTs18{
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    text-align: center;
    padding-right:1px;
}
.iconTs18{
    background-image: url('tsgraph18.png');
}


.iconRefresh{
    background-image: url('refresh2.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconChangePassword{
    background-image: url('singleuser.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconCalendar{
    background-image: url('calendar.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconNavi{
    background-image: url('nav.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}


.iconFilterDialog{
    background-image: url('filter.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconMapFilter{
    background-image: url('map.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconHelp{
    background-image: url('help.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}


.iconTest {
    background-image: url('check_on.gif');
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    text-align: center;
    padding:0px;
}


.iconAccept {
    background-image: url('accept.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}


.iconDisk {
    background-image: url('disk.gif');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    text-align: center;
}


.iconCancel {
    background-image: url('cancel.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}

.iconStart {
    background-image: url('start.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}

.iconSave {
    background-image: url('save.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}

.iconSave2 {
    background-image: url('save.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
}

.iconUnlock {
    background-image: url('accept.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}
.iconAdd {
    background-image: url('add.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
}
.iconInfo{
    background-image: url('info.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
}

.iconFilter {
    background-image: url('filter.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}

.iconCopy {
    background-image: url('copy.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}

.iconDelete {
    background-image: url('delete.png');
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    text-align: center;
}

.iconB_drop {
    background-image: url('b_drop.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

.iconSingleuser2{
    background-image: url('tree/singleuser.png');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px ;
    text-align: center;
}


<!-- /* Tree  Icons */  -->


.iconI-next{
    background-image: url('tree/i-next.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconFilter2 {
    background-image: url('tree/filter2.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconError{
    background-image: url('tree/error.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconDetails{
    background-image: url('tree/tabelle.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconAlarmmanager
{
    background-image: url('tree/classification.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconIquest{
    background-image: url('tree/iquest.png');
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;
    display: inline;
}



.iconTabelle{
    background-image: url('tree/tabelle.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconLimit{
    background-image: url('tree/filter.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconLimitSet{
    background-image: url('tree/filterset.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconCustomer_b {
    background-image: url('tree/customer_b.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconParty {
    background-image: url('tree/party.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconExpoint_b {
    background-image: url('tree/expoint_b.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSupplier_b {
    background-image: url('tree/supplier_b.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconVerteilnetz {
    background-image: url('tree/verteilnetz.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconBalancinggroup {
    background-image: url('tree/balancinggroup.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconControlarea{
    background-image: url('tree/controlarea.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconWeatherstation{
    background-image: url('tree/weatherstation.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInpoint_b {
    background-image: url('tree/inpoint_b.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSettings {
    background-image: url('tree/settings.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconProcess {
    background-image: url('tree/process.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconDbgroup {
    background-image: url('tree/dbgroup.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconDb {
    background-image: url('tree/db.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconTransferdb {
    background-image: url('tree/transferdb.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconReleases {
    background-image: url('tree/releases.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconUseradmin {
    background-image: url('tree/useradmin.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconPortlet {
    background-image: url('tree/portlet.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconUsergroup {
    background-image: url('tree/usergroup.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconCustomer {
    background-image: url('tree/customer.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSupplier {
    background-image: url('tree/supplier.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconSingleuser{
    background-image: url('tree/singleuser.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconSystem{
    background-image: url('tree/system.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInstallation{
    background-image: url('tree/installation.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconLicense{
    background-image: url('tree/license.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSysupdate{
    background-image: url('tree/sysupdate.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconDbupdate{
    background-image: url('tree/dbupdate.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconParameter{
    background-image: url('tree/parameter.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconParameter2{
    background-image: url('tree/parameter2.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconOrigin{
    background-image: url('tree/origin.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconNoActive{
    background-image: url('tree/noactive.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconSparameter{
    background-image: url('tree/sparameter.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconRiver{
    background-image: url('tree/parameter.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconStation{
    background-image: url('tree/station.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconMap{
    background-image: url('tree/map.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconGraph{
    background-image: url('tree/graph.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconHeatmap{
    background-image: url('tree/heatmap.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconTs_nav{
    background-image: url('tree/ts_nav.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconTs_nav2{
    background-image: url('tree/ts_nav2.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconCatchment{
    background-image: url('tree/catchment.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconCatchment2{
    background-image: url('tree/catchment2.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInp{
    background-image: url('tree/inp.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconExpoint{
    background-image: url('tree/expoint.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconDatalogger{
    background-image: url('tree/datalogger.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInpoint{
    background-image: url('tree/inpoint.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconSupplier_trans{
    background-image: url('tree/supplier_trans.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconRiver_b{
    background-image: url('tree/river_b.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSgroup{
    background-image: url('tree/sgroup.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconTsgroup{
    background-image: url('tree/tsgroup.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSlist{
    background-image: url('tree/slist.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconStype{
    background-image: url('tree/stype.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconViews{
    background-image: url('tree/views.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconView_html{
    background-image: url('tree/view_html.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconView_image{
    background-image: url('tree/view_image.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconEdit{
    background-image: url('tree/edit.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconGroups{
    background-image: url('tree/groups.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconParamgroup{
    background-image: url('tree/paramgroup.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconCatchment_b{
    background-image: url('tree/catchment_b.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_1{
    background-image: url('tree/stype_1.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_2{
    background-image: url('tree/stype_2.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_5{
    background-image: url('tree/stype_5.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_6{
    background-image: url('tree/stype_6.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_3031{
    background-image: url('tree/stype_3031.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_3101{
    background-image: url('tree/stype_3101.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconStype_3056{
    background-image: url('tree/stype_3056.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_3029{
    background-image: url('tree/stype_3029.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconStype_3045{
    background-image: url('tree/stype_3045.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconStype_3090{
    background-image: url('tree/stype_3090.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconStype_3019{
    background-image: url('tree/stype_3019.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconRiver{
    background-image: url('tree/river.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSite{
    background-image: url('tree/site.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconSitegroup{
    background-image: url('tree/sitegroup.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconMeasure{
    background-image: url('tree/measure.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconSampling{
    background-image: url('tree/sampling.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconFav{
    background-image: url('tree/fav.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconCourse{
    background-image: url('tree/course.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconFolder{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconFolder2{
    background-image: url('tree/folder2.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconW7_0{
    background-image: url('tree/W7_0.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_1{
    background-image: url('tree/W7_1.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_2{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_3{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_4{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_5{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_6{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_7{
    background-image: url('tree/folder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_8{
    background-image: url('tree/W7_8.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_9{
    background-image: url('tree/W7_9.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconW7_10{
    background-image: url('tree/W7_10.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconPower{
    background-image: url('tree/power.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconGas2{
    background-image: url('tree/gas2.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconHeat{
    background-image: url('tree/heat.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconWater{
    background-image: url('tree/water.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconMeteringpoint{
    background-image: url('tree/meteringpoint.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBalancesupplier , .iconBalsupp{
    background-image: url('tree/balsupp.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBalancesupplierWatter{
    background-image: url('tree/balsupp_water.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBalancesupplierGas{
    background-image: url('tree/balsupp_gas.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBalancesupplierHeat{
    background-image: url('tree/balsupp_heat.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBalancesupplierPower{
    background-image: url('tree/balsupp_power.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}



.iconAvifile{
    background-image: url('tree/avifile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBatfile{
    background-image: url('tree/batfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconBmpfile{
    background-image: url('tree/bmpfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconExefile{
    background-image: url('tree/exefile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInifile{
    background-image: url('tree/inifile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconJpgfile{
    background-image: url('tree/jpgfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconJsfile{
    background-image: url('tree/jsfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconMiscfile{
    background-image: url('tree/miscfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconMp3file{
    background-image: url('tree/mp3file.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconIe{
    background-image: url('tree/ie.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconTxtfile{
    background-image: url('tree/txtfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconXlsfile{
    background-image: url('tree/xlsfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconPdffile{
    background-image: url('tree/pdffile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconDocfile{
    background-image: url('tree/docfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconPicfile{
    background-image: url('tree/picfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconPptfile{
    background-image: url('tree/pptfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconZipfile{
    background-image: url('tree/zipfile.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconDocfolder{
    background-image: url('tree/docfolder.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconDbnew{
    background-image: url('tree/dbnew.gif');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconApplication{
    background-image: url('tree/application.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInputdialog{
    background-image: url('tree/inputdialog.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconInputdialog_create{
    background-image: url('tree/inputdialog_create.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconInputdefinition{
    background-image: url('tree/inputdefinition.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconIputdefinition_create{
    background-image: url('tree/inputdefinition_create.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconCreatefolder{
    background-image: url('tree/createfolder.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconClassification{
    background-image: url('tree/classification.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconClassification_create{
    background-image: url('tree/classification_new.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconDatamonitor_edit{
    background-image: url('tree/datamonitor_edit.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconRiskindicators{
    background-image: url('tree/riskindicators.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconRadar{
    background-image: url('tree/radar.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconRadar2{
    background-image: url('tree/radar2.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconRiskindicatorsview{
    background-image: url('tree/riskindicatorsview.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconRasterarea{
    background-image: url('tree/rasterarea.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}



.iconOverview{
    background-image: url('tree/overview.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconTerritorywindow{
    background-image: url('tree/territorywindow.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconZone{
    background-image: url('tree/zone.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconIntensities{
    background-image: url('tree/intensities.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconTotals{
    background-image: url('tree/totals.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconForecast{
    background-image: url('tree/forecast.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconRainoverview{
    background-image: url('tree/rainoverview.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}


.iconUsertype_create{
    background-image: url('tree/usergroup_create.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconUsertype_n{
    background-image: url('tree/usergroup_n.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

.iconShowImage{
    background-image: url('image.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconShowHtml{
    background-image: url('html.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowGrid{
    background-image: url('grid.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowTxt{
    background-image: url('tabelle.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowXls{
    background-image: url('xls.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconShowOl{
    background-image: url('map.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-right:1px;
}

.iconShowArcGIS{
    background-image: url('map2.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-right:1px;
}


.iconShowJson{
    background-image: url('json.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-right:1px;
}

.iconShowGoogleMap{
    background-image: url('gmaps.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowMsVeMap{
    background-image: url('ms_ve.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowGml{
    background-image: url('gml.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}

.iconShowKml{
    background-image: url('kml.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowHome{
    background-image: url('home.png');
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    text-align: center;
    padding-right:1px;
}
.iconShowTabOpen{
    background-image: url('open_tab.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowLink{
    background-image: url('link.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}
.iconShowPrint{
    background-image: url('print.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    text-align: center;
    padding-right:1px;
}



.iconIb{
    background-image: url('tree/Ib.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}
.iconIr{
    background-image: url('tree/Ir.png');
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    display: inline;
}

html.inputtable, body.inputtable{
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color: #ffffff;
}


table.inputtable {width:100%; background-color: white;font-family: verdana; font-size: 14px;overflow: hidden; }

tr.inputtable_headrow {background-color: #335566; color:white;}
tr.inputtable_row0 {background-color: #ddd;}
tr.inputtable_row0:hover {background-color: #FAFAD2;}
tr.inputtable_row1 {background-color: #eee;}
tr.inputtable_row1:hover {background-color: #FAFAD2;}
tr.inputtable_new {background-color: yellow;}

td.inputtable_headcol {width:100px; text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_time {width:80px; text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_date {width:80px; text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_input {width:100px; text-align: center; font-size: 12px; font-weight: bold; vertical-align:middle;}
td.inputtable_headcol_wide {width:150px; text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_radio {width:20px; text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_input_remark {width:150px; text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_input_dyn {text-align: center; font-size: 12px; font-weight: bold;}
td.inputtable_headcol_input_add {text-align: center; font-size: 12px; font-weight: bold;}

td.inputtable_radio {width:20px; text-align: center;}
td.inputtable_col {width:100px; text-align: center;}
td.inputtable_wide {width:150px; text-align: center;}
td.inputtable_inputcol {width:100px; text-align: center; white-space:nowrap; font-size:0.8em;}
td.inputtable_inputcol_time {width:80px; text-align: center; white-space:nowrap; font-size:0.8em;}
td.inputtable_inputcol_date {width:80px; text-align: center; white-space:nowrap; font-size:0.8em;}
td.inputtable_inputcol_remark {width:150px; text-align: center; white-space:nowrap; font-size:0.8em;}
td.inputtable_inputcol_dyn {text-align: center; white-space:nowrap; font-size:0.8em;}
td.inputtable_inputcol_add {text-align: center; white-space:nowrap; font-size:0.8em;}


input.valuefield {font-size: 9px; border:1px solid #808080;}

table.tablehead {border:1px solid black; width:100%; height: 40px; background-color: #EEEEEE;font-family: verdana; font-size: 16px;}
tr.tablehead {height: 40px;}
td.tablehead_input {width:100px; font-size: 0.8em; vertical-align:middle;text-align:left}
td.tablehead_select {width:100px; text-align:left; font-size: 0.8em;  vertical-align:middle;}
td.tablehead_cal { text-align:center;  vertical-align:middle; text-align:left}
td.tablehead_text_l {text-align:left; font-family: verdana; font-weight:bold;  vertical-align:middle;}
td.tablehead_text_c { text-align:center; font-family: verdana; font-weight: bold; vertical-align:middle;}
td.tablehead_text_r { text-align:right; font-family: verdana; font-weight: bold; vertical-align:middle;}
td.tablehead_text_free {text-align:left; font-family: verdana; font-weight: bold;}
td.tablehead_button {width:150px; text-align:center; font-size: 0.8em; vertical-align:middle;}
td.tablehead_text_l_small {width:60px; text-align:left; font-family: verdana; font-weight:bold;  vertical-align:middle;font-size: 11px; }
td.tablehead_text_c_small {width:60px; text-align:center; font-family: verdana; font-weight: bold; vertical-align:middle;font-size: 11px; }
td.tablehead_text_r_small {width:60px; text-align:right; font-family: verdana; font-weight: bold; vertical-align:middle;font-size: 11px; }

select.tablehead {font-family:verdana;font-size: 12px; width:140px;height:20px;}

table.footer {border:1px solid black;  width: 100%; height:40px;background-color: #EEEEEE; font-family: verdana; font-size: 14px;}
div.footer {border:1px solid black; width: 99%; height:40px;background-color: #B0C4DE; font-family: verdana; font-size: 14px;}
div.header {border:1px solid black; width: 99%; height:60px;background-color: #B0C4DE; font-family: verdana; font-size: 14px;}
div.tablehead {width: 99%; height:40px;font-family: verdana; font-size: 14px;}
div.login {font-size:11px;font-family:verdana;display: block;}


tr.footer {height: 25px;}
td.footer_l { text-align: left; font-weight: bold;}
td.footer_c { text-align: center;}
td.footer_r {text-align: right;}

button.button {font-size: 11px; cursor:pointer;height: 28px; text-align: center; vertical-align: middle; font-weight: bold; background: silver; background-repeat: no-repeat; background-position: left;}
button.button:hover {background-color:#eee;}

p.warning {font-family: verdana; font-size: 14px; color:red;}

table.loginhead {width:350px;background-color:#003366;color:#ffffff;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em; font-weight:bold;border:1px solid black;}
table.loginbody {width:350px;padding:20px;background-color:#eeeeee;border:1px solid black;font-family:arial;}
table.loginfooter {font-family:arial;font-size:0.7em;width:350px;}


.loginload 	{background-color:#ddd;width:400px;border: 1px solid #888;padding:20px;visibility:hidden;}
.logintime 	{text-align:left;}
.loginwarning {font-family: verdana; font-size: 14px; color:red;}
.loginimprint, .loginprivacy {text-align: right; color:black;}
.loginimprint, .loginprivacy {text-align: right; color:black;}
a.loginimprint , a.loginprivacy { text-decoration: none; cursor: pointer; text-align: right;}
a.loginimprint:active, a.loginprivacy:active { background-color: #DEDEDE }
a.loginimprint:visited, a.loginprivacy:visited { color: black; }
a.loginimprint:hover, a.loginprivacy:hover { cursor: pointer; }


body.help {overflow: auto;}
p.help {font-family: verdana; font-size: 16px; font-weight: bold; padding: 10px;}

table.help {width: 90%; font-family: verdana; font-size: 14px; border:1px solid black;  background-color: white; }
th.help {border-bottom: 1px solid black;  padding: 10px;}

tr.help {border-bottom: 3px double black;}

td.help_l {width: 40%; text-align: left; border-bottom: 3px double black; padding: 5px;}
td.help_l_last {width: 40%; text-align: left; padding: 5px;}

td.help_r_last {width: 60%; text-align: left; border-left: 1px solid black; padding: 5px;}
td.help_r {width: 60%; text-align: left; border-bottom: 3px double black; border-left: 1px solid black; padding: 5px;}

div.customhead {width: 100%; height: 28px;background-color:#104E8B;}
table.customhead {width: 100%; height: 28px;color:white;font-family:verdana;font-size:16px;background-color:#104E8B;font-weight: bold;vertical-align:top;}
tr.customhead {width: 100%; height: 25px;}
td.customhead {height: 25px;}


div.valuediv {display:none;background-color:#dddddd;position:absolute;top:112px; left:12px; border: 1px solid grey;}
table.mapvaluetable {background-color:#eeeeee;border: 1px solid grey;font-size:11pt;border-collapse:collapse;  }
tr.mapvaluetablehead {font-weight:bold;background-color:#aaaaaa;color:white;}
td.mapvaluetablebody {background-color:#eeeeee;padding: 3px;border: 2px solid white;}
td.mapvaluetabledate {background-color:#eeeeee;padding: 3px;font-size:0.7em;font-style:italic;border: 2px solid white;}
img.mapimage {border-width:1px;border-color:#cccccc;}

table.parlist_table {  width:100%;border-width:1px;}

table.maintable {width :98%;border-width:3px;border-spacing:0px;border-color:#000000; padding:5px;}
tr.maintabletop {background-color:#ffffff;font-size:9pt;height:30px;}
tr.maintablebottom {color:#666666;background-color:#ffffff;font-size:9pt;height:30px;border-color:#000000;border-width:1px;}

table.classlegend {width :80%; border:0px solid grey; padding: 10px;}
table.classlegend_hor {width :100%;font-size:11px;border:1px solid grey;border-collapse:collapse; padding: 3px;}
table.classlegend_ver {width :100%;border:1px solid grey;border-collapse:collapse;  }

td.legendlabel {font-size:15px;font-weight: bold;padding:5px; vertical-align:middle !important;}
td.legendtitle {font-size:10px; vertical-align:middle !important;}
td.legendicon {text-align:center !important; vertical-align:middle !important;}

p.texttoplist {}
p.textbottomlist {}
p.texttopmap {}
p.textbottommap {}



table.indicator {border:0px solid black;padding:5px;margin:5px;border-collapse:collapse;  font-family:Verdana,Arial,Helvetica,Geneva;font-size:11px;font-weight:normal;}
tr.i_data {border:0px solid black;}
tr.i_head {border:0px solid black;}
td.i_head {border:1px solid black;padding:8px;margin:10px;text-align:center;}
td.i_empty {border:0px solid black;padding:0px;margin:0px;width:1px;}
td.i_head_l {border:0px solid black;padding:10px;margin:12px;text-align:left;font-weight:bold;}
td.i_data_head {border:1px solid black;padding:8px;margin:10px;text-align:left;}
td.i_data {border:1px solid black;padding:8px;margin:10px;text-align:center;}
table.i_legend {border:0px solid black;padding:5px;margin:5px;text-align:center;font-size:9px;}
td.i_legend {border:0px solid black;margin:5px;padding-left:5px;padding-right:10px;text-align:center;}


td.w100 {width:100px;}
td.w150 {width:150px;}
td.w200 {width:200px;}

.tabIcon{height:22px;width:22px;border: 0 none}


#content table  th.desc{
    background:transparent url(desc.gif) no-repeat scroll left center;
}
#content table  th.acs{
    background:transparent url(acs.gif) no-repeat scroll left center;
}
#content table  th.wait{
    background:transparent url(loader2.gif) no-repeat scroll left center;
}


/*  Rounded  BOX   */
.rbox .tl, .rbox .tr, .rbox .bl, .rbox .br
{
    background-image: url('round-g2.gif');
    height: 9px;
    font-size: 0.5em;
}
.rbox  .tl, .rbox  .bl { 	margin-right: 9px; background-color: #FAFAFA;}
.rbox .tr, .br 		{	margin-left: 9px;	margin-top: -9px;}
.rbox .tr			{	background-position: 100% 0;}
.rbox .bl			{	background-position: 0 -9px;}
.rbox .br			{	background-position: 100% -9px;}

.rbox .inside
{
    border-left : 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    padding-left: 10px;
    padding-right:10px;
    color: #000000;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    background-color: #FAFAFA;
}

div.preloader , #preloader {
    width:98%; height:98%; margin:0; padding:0;
    __background: #FFF url(semiTransparentBlue.gif) ;
    position:absolute;
    z-index:997;
}

div.preloader div,  div#preloader div  {
    width:100%; height:100%; margin:0; padding:0;
    background: transparent url(loader.gif) no-repeat center ;
    position:absolute;
    z-index:999;
}

table.nlist_table {
    border-bottom: thin inset gray;
    border-left: thin inset gray;
    font-family: Verdana,Arial,Helvetica;
    width: 100%;
}
table.nlist_table tr {
    height: 22px;
}
table.nlist_table tr.head {
    background: url("000000.png") repeat scroll left top #000000;
    border: 1px solid black;
    color: #FFFFFF;
}
table.nlist_table tr.tr0 {
    background-color: white;
    font-size: 11px;
}
table.nlist_table tr.tr1 {
    background-color: #DEDEDE;
    font-size: 11px;
}
table.nlist_table th {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}
table.nlist_table td {
    border-right: thin inset gray;
    border-top: thin inset gray;
}
table.nlist_table td.cls {
    padding-left: 15px;
    text-align: left;
}

div.flyover_label  { font-size:.8em; }
div.flyover_label span { padding-left:8px; }
div.flyover_info table {padding-right: 20px;}
div.flyover_info  {background: url("cancel.gif") no-repeat scroll right top transparent;	font-size:0.8em;}
.olFramedCloudPopupContent div.flyover_label  { font-size:.7em; }
.olFramedCloudPopupContent div.flyover_info  {background: none;}
.olFramedCloudPopupContent div.flyover_info table {padding-right: 0px;}

.loader_overlay  {background:url("loader.gif") #FFFFFF no-repeat scroll 50% 50% !important;}

.gridOverlay  {-moz-opacity:0.60;filter:alpha(opacity=60);opacity:0.6;display: none;z-index: 99;position: absolute;top: 0; bottom: 0; left: 0; right: 0;background:url("loader.gif") #DDDDDD no-repeat scroll 50% 50% !important;}

.disabledGrid { color: #DDD; }

.disabledGrid .gridOverlay { display: block;  }

.floatright{float:right}
.floatright.dijitTextBox{margin:5px 0}
.tabiframe{height: 99%;width:100%;overflow: auto;scrollbar:auto}


table.sdvaltable {
    width:100%;
    font-family:verdana;
    border-collapse:collapse;
} 

table.sdvaltable td {
    border:1px solid #BCBCBC;
    padding:2px;
}

table.sdvaltable td.sdvalhead {
    text-align: center;
    font-weight:bold;
}

table.sdvaltable td.c {

}

.contentGenerated {
    font-family:arial;
    font-size:10px; 
    display:block;
}


td.reportHeader {
    background-color:#DEDEDE;
    padding:2px; 
    font-size:16px;
    font-weight:bold;
    border:1px solid white;
    border-collapse:collapse;
}

td.reportContent {  
    background-color:white;
    padding:2px; 
    font-size:12px;
    border:1px solid white;
    border-collapse:collapse;
    text-align:left;
}

table.reportDoctab { 
    background-color:#DEDEDE;
    border-collapse:collapse;
    padding:2px;
}

tr.reportTabrow { }
td.reportTabcolHead {
    font-size:12px;
    font-weight:bold;
    border:1px solid white;
}
td.reportTabcol, td.reportTabcolLink { 
    border:1px solid white;
    padding:2px;
    padding-left:15px; 
}

select.reportSelect { 
    width:200px;
    font-size:11px;
    border:1px solid black;
}
a.reportDocbutton { 
    font-size:12px;
    font-family:verdana;
}

/* accordion navigator style */
.accordion .dijitTree{margin: 0px!important;border-top:1px solid #bbb;}
.accordion .dijitTreeRow{
    border-bottom: 1px solid #bbb;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    padding: 3px 0px;   
    text-shadow: 0 1px 0 #fff;
}
.accordion .dijitTreeRow,.accordion .dijitTreeRow img,.accordion .dijitTreeRow span{cursor: pointer;}
/* the root title items have more height */
.accordion .dijitTreeIsRoot .dijitTreeIsRoot>.dijitTreeRow{padding: 6px 0px;}
/* hidden the expando "+/-",but keep loading */
.accordion .dijitTreeIsRoot .dijitTreeRow .dijitTreeExpandoLeaf,
.accordion .dijitTreeIsRoot .dijitTreeRow .dijitTreeExpandoOpened,
.accordion .dijitTreeIsRoot .dijitTreeRow .dijitTreeExpandoClosed{background-image: none;}
.accordion .dijitTreeIsRoot>.dijitTreeRow .dijitTreeLabel{font-weight: bolder;}
.accordion .dijitTreeIsRoot .dijitTreeRowSelected .dijitTreeLabel{background: none;}
.accordion .dijitTreeIsRoot .dijitTreeIsRoot .dijitTreeRowSelected{
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
}
.accordion .dijitTreeIsRoot .dijitTreeIsRoot .dijitTreeRowHover,
.accordion .dijitTreeIsRoot .dijitTreeIsRoot .dijitTreeRowActive{
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(top, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
}
.accordion .dijitTreeIsRoot .dijitTreeIsRoot .dijitTreeRowActive{font-size: 12pt;}
.accordion .dijitTreeNode{background-image: none;background-position: 0;}
.accordion .dijitTreeIsRoot .dijitTreeIsRoot>.dijitTreeContainer{
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #bbb
}
.accordion .dijitTabContainerTop-dijitContentPane{padding: 0px!important;}
/* end accordion tree style */



.tundra  div.nav_top, .dbootstrap   div.nav_top
{
	position: fixed;
	right: 5px;
	top: 5px;
	margin:3px;
	_width: 200px;
	z-index: 900;
}
.tundra  div.nav_top  .dijitButtonNode, .dbootstrap  div.nav_top  .dijitButtonNode  {
    border: medium none;
    padding: 0.1em 0.2em 0.2em;
}
.tundra .top_menu , .dbootstrap .top_menu 
{
	margin-top:15px;
}

.tundra .top_menu .dijitMenuItem, .dbootstrap .top_menu .dijitMenuItem
{
    height: 30px;
}
.tundra .top_menu  .dijitMenuItemIcon , .dbootstrap .top_menu  .dijitMenuItemIcon {
    height: 25px;
    width: 25px;
	vertical-align: text-bottom;
}


.tundra  .top_menu  .dijitMenuPassive .dijitMenuItemHover, .dbootstrap  .top_menu  .dijitMenuPassive .dijitMenuItemHover,
.tundra  .top_menu  .dijitComboBoxMenu .dijitMenuItemHover,.dbootstrap  .top_menu  .dijitComboBoxMenu .dijitMenuItemHover,
.tundra  .top_menu  .dijitMenuItemSelected, .dbootstrap  .top_menu  .dijitMenuItemSelected 
{
    background-color: #808080;
    color: #000000;
}
div.nav_top .dijitMenuBar , div.nav_top  .dijitButtonNode
{
	background: none repeat scroll 0 0 #000000;
	border: medium none;
	color : #ffffff;
}

div.nav_top .dijitArrowButtonInner {  background: url("decsArrows.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);}
div.nav_top .dijitButtonNodeHover, div.nav_top .dijitDropDownButtonHover .dijitButtonNode
{
 	background: none repeat scroll 0 0 #000000;
	border: medium none;
	color : #ffffff;
}
div.nav_top .dijitButtonActive .dijitButtonNode, div.nav_top .dijitDropDownButtonActive .dijitButtonNode
{
 	background: none repeat scroll 0 0 #000000;
	border: medium none;
	color : #ffffff;
}
div.nav_top .dijitButtonText {    cursor: default;}


.top_menu .dijitComboBox
{
	float:right;
}
.top_menu .dijitTextBox
{
		width:100px;
}


#toolbar  .dijitTextBox 
{
	width:100px;
}

.kiIcons{
    background-image: url("button-sprite-kweb.png");
    cursor: pointer;
    height: 18px;
    width: 18px;
}


.kiIconClose {
    background-position: -61px -40px;
}