
#weights-container, #bars-container {margin:20px 0 10px 0;height:500px}
.weight, .bar {font-weight:bold;font-size:13px;padding-left:0px;height:40px}
.weight-label, .bar-label {display:block}

.slider-paper, .bar-paper {display:inline-block}
	       

.ooui-content {padding-left:0px}
.pane {margin:0px;height:250px;border:1px solid #ccc}
.pane, .pane-width {width:560px}


@media all and (min-width: 650px){


}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
background-image: url(images/icons-36-white.png);
-moz-background-size: 776px 18px;
-o-background-size: 776px 18px;
-webkit-background-size: 776px 18px;
background-size: 776px 18px;
}
.ui-icon-alt {
background-image: url(images/icons-36-black.png);
}
}
#region .ui-btn-inner {background:#666}


	  		 

.ui-icon-glyphish-back, .ui-icon-glyphish-forward {
		       background:#666;
		       background-size: 16px 16px;
		       -webkit-border-radius:0;border-radius:0;-moz-border-radius:0;
		       background-repeat:no-repeat;
		       border-bottom:0;
		       width:16px;
		       height:16px;
}		       

.ui-icon-glyphish-back {background-image: url("images/39-back.png")}
.ui-icon-glyphish-forward {background-image: url("images/40-forward.png")}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
    .ui-icon-glyphish-back {background-image: url(images/39-back@2x.png); background-size: 16px 16px;}
    .ui-icon-glyphish-forward {background-image: url(images/40-forward@2x.png); background-size: 16px 16px;}

}



.content-secondary .ui-controlgroup-label {font-size:13px}


.race-list-item-title {font-weight:bold;display:block;padding-left:10px}
.race-list-item {margin-top:20px}
#list-container {display:none;margin-top:20px}

.list-instructions {font-size:14px}
#ooverview-pane {-webkit-transform:translate3d(0,0,0)}

#cs-sort-header-text {text-transform:capitalize;margin-right:10px;color:#800}
ul.racesResults li {list-style:none;height:40px;vertical-align:middle}
ul.racesResults {padding-left:0}
td.csDot {text-align:center}
.race-paper {position:relative}
.race-name {font-size:12px;position:absolute;left:0;top:0}
.hidden {display:none}
.small-button-container .ui-btn {width:100px;font-size:13px;height:30px}
#pan-slider-container {margin:10px 0 10px 0}
.ui-body-c {background:#F0F8FF}
#list-page .content-primary {}
#pan-slider-container .ui-slider {}
#focus-button {width:150px}

#prefs-container {margin-bottom:20px;}
#prefs-container .ui-btn-innero {padding:6px 6px 6px 6px}
#prefs-container .ui-btn-texto {font-size:13px}
#prefs-container .ui-controlgroup-label {margin-right:10px }

#filter-container .ui-btn-innero {padding-topo:2px;padding-bottomo:2px}
#filter-container .ui-btn-texto {font-size:13px}
#filter-container .ui-controlgroup-label {margin-bottom:8px}

#prefs-container label, #filter-container label {}
.skinny {margin-bottom:8px;font-weight:normal;color:#666}

#oodetail-controls {display:none}
#oodetail-controls .ui-btn-inner {padding-top:8px;padding-bottom:8px}
#oodetail-controls .ui-btn-text {font-size:14px}

.list-item .ui-btn-inner {padding-top:7px;padding-bottom:8px}
.list-item .ui-btn-text {font-size:13px}
.list-item h3 {font-size:12px;margin-bottom:0}
.list-item {margin-bottom:0px}

#detail-measures-container {display:none}
.detail-measures-section .ui-btn {width:400px}
.detail-measures-section .ui-checkbox {margin-left:30px}

.list-item-score, .not-appl {display:inline-block;padding-left:15px;font-weight:normal;font-size:13px}
.not-appl-label, .not-appl-label {color:#666666}
.not-appl-label {padding-left:0px}

.list-item-bar-paper {display:none;position:relative;padding-top:0px;margin-bottom:20px}
.bar-panel {display:inline-block;position:absolute;left:5px;top:0}
.list-item-bar-paper {border:0px solid #666;padding:0px}

.bar-panel-title {display:inline-block;font-size:11px}
.bar-panel-score {display:inline-block;padding-left:5px;font-size:11px}

.oolist-item-header {margin-top:20px;font-weight:bold}
.oolist-item div {font-size:13px}

.sidebar-section {margin-top:20px;margin-bottom:20px}

#detail-controls {margin-top:20px}
.benchmark {opacity:0;padding:2px 0 2px 10px;color:#333;font-size:10px}
.benchmark-label {display:inline-block;padding-left:2px;font-weight:normal}
.benchmark-score {display:inline-block;padding-left:0px;font-weight:normal}

#name-search-results, #address-search-results {margin-top:10px}
#name-search-results .ui-menu-item {padding-top:10px}
#name-search-results .ui-menu {padding-top:10px;padding-left:0}

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	 background:yellow
}

.info-icon {padding:0px 5px 0px 5px;background:steelblue;font-weight:bold;color:#fff;font-size:11px;font-family:serif;text-decoration:none;cursor:pointer}

.benchmark-title-highlight {text-decoration:underline}
.list-item-close {display:inline-block;position:absolute;right:10px;font-weight:bold}
.close-highlight {color:#800}
label {text-transform:capitalize}
.content-secondary label, .content-secondary .ui-controlgroup-label {font-size:14px;font-weight:bold}




@media all and (max-width: 650px){
       .pane, .pane-width {width:258px;}
}

#axislabel-y-container {vertical-align:top;padding-top:40px;width:12px}
