html, select, input, textarea, td {
    font-family: "Segoe ui", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    /*color: #fff;*/
    line-height: 1.2;
}

a {
    color: #e2e8eb:
    /*color: #00bfff;*/
}



/* "template" or main content */


/*	background:#ececec url(contentImages/L-R.png) repeat-y -16px 0;*/

/* The following does the trick to show a detailed result as a tooltip when
hovering over a shortened result see: http://psacake.com/web/jl.asp */

a.info {
    position: relative; /*this is the key*/
    z-index: 24;
}

a.info:hover { z-index: 25; }

a.info span { display: none }

a.info:hover span { /*the span will display just on :hover state*/
    display: block;
    position: relative;
    top: -6em;
    left: 2em;
    width: 700px;
    border: 1px solid;
    background-color: white;
    font-weight: normal
}
    
    
.dialog-window { z-index: 999; }

.filterToolbar {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px;
    /*padding-top:5px;
	padding-bottom:5px;*/
    border-top-color: #c6cdd7;
    border-right-color: #adb2b8;
    border-bottom-color: #acc2cf;
    border-left-color: #adb2b8;
    border-style: solid;
    border-width: 1px;
    background-color: #f1f4fb;
}

.filterTool {
    float: left;
    margin-right: 10px;
    padding: 0;
}

.filterToolRight {
    float: right;
    margin-left: 10px;
    padding: 0;
}


a.info {
    position: relative; /*this is the key*/
    z-index: 24;
}

a.info:hover { z-index: 25; }

a.info span { display: none }

a.info:hover span { /*the span will display just on :hover state*/
    display: block;
    position: relative;
    top: -6em;
    left: 2em;
    width: 700px;
    border: 1px solid;
    background-color: white;
    font-weight: normal
}
    
    
.dialog-window { z-index: 999; }

.form-wrapper h2 {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #7a1a05;
    border: 1px solid #ab7d25;
    /*background-color:#dea901;*/
    background-image: url('images/splices/orange-banner.png');
    background-repeat: repeat-x;
}

.form-panel {
    padding: 15px;
    /*background-color:#d2deb6;*/
    background-color: #fcfdff;
    margin-bottom: 15px;
}

.ha-r { text-align: right; }

.ha-r { text-align: left; }

.va-t { vertical-align: top; }

.va-b { vertical-align: bottom; }

.va-m { vertical-align: middle; }


/*.page-container .outerMultiPage {
    height: 387px;
    margin-left: 15px;
    margin-top: 30px;
}*/

.page-container .innerMultiPage {
    display: -moz-inline-box;
    display: inline-block;
    float: right;
    width: 80%;
    overflow: hidden;
}
 
/*.page-container .qsf-ib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}*/
 
/*.page-container ul {
    margin: 0;
    padding: 0;
}*/