body, select {font-family: tahoma, arial, verdana, sans-serif; font-size: 12px}
a {text-decoration: none}

.panel-content {margin: 5px}

/* Bold font for the NP in the results grid as well as the headers in the distribution grid */
.x-grid3-col-str, .x-grid3-hd-str, .x-grid3-hd-distribution-value, .x-grid3-hd-distribution-count {font-weight: bold}

#header {margin: 2px 2px 2px 5px; font-size: 18px; color: #15428B; font-weight: bold; height: 80px;
   background-image:url(/nps/images/ntnulogo-no.png); background-repeat:no-repeat; background-color:#DCE2ED}
#header-text {position:absolute; top:30px; left:250px; text-align:center}
#north-panel {height: 104px}
#result-grid {overflow: hidden; width: 100%; height: 100%}
#south-panel {font-weight: normal; color: black; text-align:center}
#theme-selector {text-align: right; float: right}
#top-banner {width: 100%; padding: 0px}

/* The following is copied from the ExtJS forums - required for scrolling of form elements in IE.
   http://extjs.com/forum/showthread.php?t=12592&page=2
   Note that some elements also need to have position:static set individually,
   because for some reason IE doesn't apply this attribute to them based on their class. */

/* fixes comboboxes moving in dialog in IE */
.x-form-field-wrap{
    position: static;
}

/* fixes combobox dropdown arrow img alignment in dialog in IE */
.x-form-field-wrap .x-form-trigger{
    position: static;
    vertical-align: bottom;
}

/* fixes form elements moving fields in dialog in IE */
.x-form-element {
    position: static;
}

.x-form-item label {
    position: static;
}

/* Ensures word wrap in grid cells.
   http://extjs.com/forum/showthread.php?t=15022 */
.x-grid3-cell-inner { white-space:normal;}