/* ========================[ GENERAL STYLES ]======================= */
#budgetGraphicsContent {
  height:                                   auto;
  width:                                    610px;
  float:                                    left;
}
#budgetGraphicsRail {
  width:                                    280px;
  float:                                    left;
}
.stuck {
  position:                                 fixed !important;
  top:                                      0px;
  left:                                     auto;
  width:                                    912px;
  background-color:                         white;
  -webkit-box-shadow:                       0 8px 6px -6px #D3D3D3;
  -moz-box-shadow:                          0 8px 6px -6px #D3D3D3;
  box-shadow:                               0 8px 6px -6px #D3D3D3;
  z-index:                                  4555;
}

.clear {
  clear:                                    both;
}

.hed {
    font-size:                              15pt;
    font-style:                             bold;
}
.kikker {
    font-size:                              10pt;
    font-style:                             italic;
    padding-top:                            4px;
}

.subhead {
    font-size:                              13pt;
    margin:                                 15px 0 0 0;
}

.holder {
    width:                                  1020px;
    position:                               relative;
    top:                                    0px;
    left:                                   0px;
}

.wideholder {
	  width:                                  1360px;
    position:                               relative;
    top:                                    0;
    left:                                   0;
}

.window {
    position:                               relative !important;
    width:                                  590px;
    overflow:                               hidden;
}

.data, .data2, .data3 {
    float:                                  left;
    margin:                                 0;
    position:                               relative;
    width:                                  420px;
}

.data {
   height:                                  260px;
}

.data2 {
   height:                                  260px;
}

.data3 {
   height:                                  170px;
}

.wide {
    float:                                  left;
    margin:                                 0 20px 0 0;
    position:                               relative;
	  width:                                  580px;
   	height:                                 240px;
}

.buttonHolder {
  position:                                 relative;
  background-color:                         #F3F3F3;
  -moz-border-radius: 		                  0px 6px 6px 0px;
  -webkit-border-radius: 	                  0px 6px 6px 0px;
  border-radius:					                  0px 6px 6px 0px;
}
  .hoverTextDiv {
    position:                               absolute;
    top:                                    0px;
    right:                                  0px;
  }

.button {
  padding:                                  4px;
  margin:                                   0 2px;
  font:                                     bold 8pt 'Arial', 'Helvetica', 'sans-serif' !important;
}
.wideButton {
  width:                                    140px;
}
  .wideButton  span.ui-button-text {
    padding:                                .8em 3.7em !important;
  }
.down {
  color:                                    #999 !important;
  margin:                                   0 2px;
  background:                               #eee !important;
  filter:                                   progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc') !important; /* for IE */
  background:                               -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)) !important; /* for webkit browsers */
  background:                               -moz-radial-gradient(top,  #eee, #ccc) !important; /* for firefox 3.6+ */
  border:                                   1px solid #555;
}
.hoverBox {
	overflow:                                 hidden;
	font:                                     1.62em 'Arial', 'Helvetica', sans-serif;
  -moz-border-radius: 		                  6px;
  -webkit-border-radius: 	                  6px;
  border-radius:					                  6px;
	padding:                                  6px;
  color:                                    #666;
  background:                               #fff;
	border:                                   1px solid #CACACA;
	z-index:                                  6440;
	width:                                    600px;
	margin:                                   0px 0px 2px 2px;
	color:                                    #D3D3D3;
}

#chart4 .jqplot-data-label, #chart5 .jqplot-data-label {
  color:                                    #fff;
  font-weight:                              bold;
}
.jqplot-table-legend, .jqplot-table-legend-swatch-outline {
  border:                                   none !important;
}
.jqplot-table-legend {
  padding-bottom:                           0 !important;
  margin-bottom:                            0 !important;
  padding-top:                              0 !important;
  margin-top:                               0 !important;
}
.deficit-legend-swatch {
  width:                                    12px;
  height:                                   10px;
  background:                               #ccc;
  float:                                    left;
  margin:                                   0 4px 3px 30px;
}
#revenue-line {
  background:                               #00cc99;
}
#outlay-line {
  background:                               #ff6600;
}
#deficit-bars {
  background:                               #0080ff;
}
.deficit-legend {
  color:                                    #666;
  font-family:                              Arial,Helvetica,sans-serif;
  font-size:                                0.75em;
  margin:                                   0 0 3px;
  line-height:                              10px;
  position:                                 absolute;
}


/* ========================[ CSS OVERRIDES ]======================== */


/* =======================[ JQUERY OVERRIDES ]====================== */


/* =========================[ CUSTOM STYLES ]======================= */



/* ==========================[ PRINT & RWD ]======================== */
@media print {

}

@media (min-width: 580px) {

}

/* iPhone landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

}

/* iPhone portrait */
@media only screen and (max-device-width: 320px) and (orientation: portrait) {

}