body, td, th, input, select, textarea, p, div, label, caption, label
{
}

#wrapper 
{
  margin: 10px auto;
  width: 700px;
}

#wrapper p 
{
  margin: 0 0 1.0em 0;
}

#chart_div {
  margin: 20px 0 20px 5px;
  text-align: center;
}

#budget_chart_div {
  margin: 0 0 20px 5px;
  text-align: center;
}

.highway_table, .highway_table td, .highway_table th {
  border-color: #990000;
  background-color: #ffcccc;
}

h2.title {
	font-family:Arial, Verdana, sans-serif;
	font-size:1.2em;
	color:#a9abae;
	line-height:1.9em;
	text-transform:uppercase;
	letter-spacing:.2em;
	margin-bottom:20px;
	width:280px;
	text-align:center;
	float:left;
}

.title_bar {
	width:338px;
	margin:0 auto;
}

a {
  outline: none;
}

a.basic_version {
	float:right;
	display:block;
	background:url(../images/basic-version-button-1.gif) 0 0 no-repeat;
	width:132px;
	height:20px;
	text-indent:-5000em;
	margin:-37px 5px 0 0;
	background-color:#fff;
	border:1px solid #383838;
	position:relative;
	z-index:999;
	padding:0;
}

a:hover.basic_version {
	display:block;
	background:url(../images/basic-version-button-2.gif) 0 0 no-repeat;
	width:132px;
	height:20px;
}

a.advanced_version {
	float:right;
	display:block;
	background:url(../images/advanced-version-button-1.gif) 0 0 no-repeat;
	width:167px;
	height:20px;
	text-indent:-5000em;
	margin:-37px 5px 0 0;
	background-color:#fff;
	border:1px solid #383838;
	position:relative;
	z-index:999;
	padding:0;
}

a:hover.advanced_version {
	display:block;
	background:url(../images/advanced-version-button-2.gif) 0 0 no-repeat;
	width:167px;
	height:20px;
}

.nav p {
	float:right;
	padding-right:57px;
	margin:-30px 0 0 0;
	color:#fff;
	font-size:1em;
}

.nav p span {
	font-size:.8em;
}

.nav p a {
	font-family:Arial, Verdana, sans-serif;
	font-size:.6em;
	font-weight:normal;
	letter-spacing:.1em !important;
	*letter-spacing:.03em !important;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 6px 0 6px;
	margin-bottom:-2px;
	font-weight:normal;
}

.clear {
	clear:both;
}

/*********************************************************************
			HTML Calculator Page Styling
*********************************************************************/

.main {
	min-height:1000px;
	height: auto !important;
	height: 1000px;
}

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.list {list-style:square;width:750px;padding-left:16px;}
.list li{padding:2px;font-size:8pt;}

pre {
   font-size:11px; 
}

.x-tab-panel-body .x-panel-body {
    padding:10px;
}

.title_divide_basic {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	width:100%;
	padding-bottom:2px;
	border-bottom:1px solid #32405a;
	margin-bottom:12px;
	color:#32405a;
}

.title_divide_advanced {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	width:100%;
	padding-bottom:2px;
	border-bottom:1px solid #32405a;
	margin-bottom:12px;
	margin-top:35px;
	color:#32405a;
}

.disabled .title_divide_basic {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	width:100%;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
	color:#ccc;
}

.disabled .title_divide_advanced {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	width:100%;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
	margin-top:35px;
	color:#ccc;
}

.directional_buttons {
	width:100%;
	padding-bottom:5px;
	*margin-bottom:10px;
}

:root .directional_buttons {
	margin-bottom:25px;
}

.directional_buttons a.previous {
	float:left;
	display:block;
	background:url(../images/previous.gif) no-repeat;
	width:92px;
	height:19px;
	text-indent:-5000em;
	padding:0;
}

.directional_buttons a.next {
	float:right;
	display:block;
	background:url(../images/next.gif) no-repeat;
	width:70px;
	height:19px;
	text-indent:-5000em;
	padding:0;
}



/* default loading indicator for ajax calls */
.loading-indicator {
	font-size:8pt;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
}

.new-tab {
    background-image:url(../feed-viewer/images/new_tab.gif) !important;
}


.tabs {
    background-image:url( ../desktop/images/tabs.gif ) !important;
}


/* Remaining Balance Box */

.balance {
	width:240px;
	z-index:999;
	position:relative;
	margin:20px auto 20px auto;
	background:url(../images/balance-bg.gif) bottom no-repeat;
}

.balanceTop {
	width:215px;
	height:9px;
	z-index:999;
	position:relative;
	margin:0px auto -20px auto;
	*margin:20px auto -29px 1px;
	background:url(../images/balance-top.gif) no-repeat;
}

.balance p.title {
	font-weight:bold;
	font-size:.9em;
	text-align:center;
	padding:5px 0 5px 32px;
	color:#a4a4a4;
	float:left;
}

.balance table {
	text-align:center;
	width:180px;
	margin:0 auto 5px auto;
	font-size:.7em;
}

.balance table tr td.mid {
	font-weight:bold;
	font-size:1.15em;
}

.balance table tr td.break div {
	display:block;
	height:1px;
	background:url(../images/break.gif) no-repeat;
	width:166px;
	margin:5px auto 5px auto;
}

.balance table tr.toprow {
	color:#50668f;
	font-weight:bold;
}

.balance table tr.bottomrow {
	color:#a4a4a4;
	font-weight:bold;
}

.balance .learn_more {
	width:65px;
	margin:-3px 20px -3px 0;
	position:relative;
	z-index:9999909;
	text-align:center;
	float:right;
}

.balance .learn_more a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-align:right;
}

.charts .learn_more {
	width:65px;
	margin:-3px 20px -3px 0;
	text-align:center;
	float:right;
}

.charts .learn_more a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-align:right;
}

.learn_more_title {
	float:left;
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-align:right;
}

.learn_more_title a {
	color:#8cc63f;
}


/*   End Remaining Balance Box   */

.charts p.title {
	font-weight:bold;
	margin:0px 0 10px 0;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	font-size:.7em;
}

div.charts {
  width: 315px;
  margin:0;
  z-index:-8887;
  position:relative;
  overflow:hidden;
}

.charts table {
	border:0;
	margin-left:3px;
	*margin-left:0px;
}

#chart_div {
	margin-top:0px;
}

.rightWrap {
	*margin-top:-14px;
	*margin-right:-40px;
}

.rightWrapSubmit {
	float:left;
	width:308px;
	margin:12px auto 0 auto;
	padding-left:10px;
}

.rightWrapSubmit p {
	color:#32405a;
	font-size:.8em;
	text-align:left;
	margin:12px 0;
}

.submitResultsArea {
	float:left;
	width:280px;
	margin:0 auto;
}

.submitResultsArea p {
	color:#32405a;
	font-size:.8em;
	text-align:left;
	margin:12px 0;
	width:270px;
}

#saving_text {
	text-align:center;
	font-size:1em;
	font-weight:bold;
}

/*********************************************************************
			EXT Styling
*********************************************************************/
/*   General   */

.nested {
	margin-left:-334px;
}

.nested h2 {
	color:#a4a4a4;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	font-size:.9em;
	font-weight:bold;
	letter-spacing:.01em;
	margin-bottom:20px;
	float:left;
}

.grid
{
	width:245px;
	border:0;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	float:left;
	margin-top:15px;
	margin-left:10px;
	text-align:left;
}

.rightGrid {
	float:right;
	margin-right:10px;
}

div.slider_wrap div.float {
  float: left;
  line-height: 25px;
  padding: 0 3px;
  color: #5b6d8f;
}

.grid ul
{
	width:230px;
	list-style-type:none;
}

.grid ul li
{
	width:190px;
	list-style-type:none;
	color:#a4a4a4;
}

.grid h4 {
	color:#32405a;
	font-size:1.2em;
	width:230px;
}

.grid h4 em {
	color:#32405a;
	font-size:.8em;
	font-style:italic;
}

.grid ul li.your_assumption {
	color:#2e3c57;
	font-weight:bold;
}

.disabled .grid ul li.your_assumption {
	color:#ccc;
}

.basic_grid ul li.your_assumption {
	color:#2e3c57;
	font-weight:bold;
}

.disabled .basic_grid ul li.your_assumption {
	color:#ccc;
}

.large a.modal {
	padding-bottom:300px !important;
}

.large {
	text-align:left;	
}

.learn_more {
	float:left;
	width:65px;
	margin-top:5px;
}

.learn_more a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

.learn_more_large {
	float:left;
	width:65px;
	margin-top:5px;
	padding-bottom:84px;
}

.learn_more_large a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	padding-bottom:300px;
}

.learn_more_basic {
	float:left;
	width:65px;
	margin-top:5px;
}

.reset {
  width:100px;
  float:right;
  font-size: 10px;
}
  
.learn_more_basic a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	padding-left:5px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

div.learn_more_chart a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
}

div.learn_more_chart {
	text-align:right;
	padding-right:3px;
}

.learn_more_submit {
	width:65px;
	margin:0 auto;
	text-align:center;
}

.learn_more_submit a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:8px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

#submit_region input {
	*margin-left:-10px;
}

.first_chart {
}

.grid ul {
	float:left;
	color:#2e3c57;
	font-weight:bold;
	margin-top:5px;
	width:160px;
}

.grid ul div {
}

.grid ul li {
	clear:both;
}

.hide_element {
	display:none;
}

.basic_grid {
	width:460px;
	margin:0px auto 0px auto;
	border:0;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size:.9em;
	color:#2e3c57;
}

.basic_grid .learn_more {
	float:left;
	width:65px;
	margin-top:5px;
	padding-bottom:32px;
}

.basic_grid .learn_more a {
	color:#8cc63f;
	text-decoration:underline;
	font-weight:bold;
	font-size:.55em;
	text-transform:uppercase;
}

.basic_grid ul li div { display: inline; }

.basic_info {
	width:300px;
	margin:0 auto;
}

.basic .grid ul li div { display: inline; }
.advanced .grid ul li div { display: inline; }

button.submit {
	display:block;
	background:url(../images/submit-results.gif) 0 0 no-repeat;
	width:99px;
	height:22px;
	border:0;
	text-indent:-5000px;
	margin:0 auto 10px auto;
}

button:hover.submit {
	background-position:-99px 0;
	cursor:pointer;
}



/*
button[disabled].submit {
	background-position:-198px 0;
	cursor:pointer;
}
*/

/*   TabS   */

.tabWrapper {
	position:relative;
	width:974px;
}

.rightColumn {
	float:right;
	background:url(../images/rightColumn-bg.png) bottom left repeat-y;
	width:324px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	margin-top:73px;
}

.rightColumnTop {
	background:url(../images/rightColumn-top.png) no-repeat;
	width:324px;
	height:9px;
	margin-top:-9px;
	*margin-right:0px;
	z-index:999;
	position:relative;
}

.rightColumn embed, .rightColumn object, .rightColumn param {
	z-index:-999;
	overflow:hidden;
	position:relative;
}

.save {
	margin:10px auto 0 auto;
	width:202px;
}

.save #saving_progress_bar {
	width:200px;
	margin:5px auto;
}

#revenues,#bonding,#expenditures,#local_roads,#modes,#construction_inflation,#highways,#submit_results {
	min-height:1000px;
	height: auto !important;
	height:1000px;
}

.x-tab-strip-wrap{
	margin-bottom:-2px;
}

ul.x-tab-strip-top{padding-top:1px;background:#fff;border:0;margin-left:-2px;}
ul.x-tab-strip-bottom{padding-bottom:1px;background:#fff;border:0;}

ul.x-tab-strip-top{padding-top:1px;background-color:#fff repeat-x bottom;border-bottom:0px solid #8db2e3;}
ul.x-tab-strip-bottom{padding-bottom:1px;background-color:#fff repeat-x top;border-top:0px solid #8db2e3;border-bottom:0 none;}
.x-tab-panel-header-plain .x-tab-strip-top{background:transparent!important;padding-top:0!important;}

.x-tab-panel-header{border:0px solid #8db2e3;padding-bottom:0px;}
.x-tab-panel-footer{border:1px solid #50668f;padding-top:0px;}
.x-tab-panel-header,.x-tab-panel-footer{background:#fff;border:0px solid #8db2e3;overflow:hidden;zoom:1;}

.x-tab-panel-body{border:1px solid #5b6d8f;opacity:100%;border-top:0;}

.x-panel-body {
	background:url(../images/tabs-background.gif) repeat-y;
	min-height:1000px;
}

.x-tab-strip-top .x-tab-right{background:transparent url(../ext/resources/images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;padding-left:10px;padding:3px 0 0 3px;margin-right:2px;}
.x-tab-strip-top .x-tab-left{background:transparent url(../ext/resources/images/default/tabs/tabs-sprite.gif) no-repeat right -351px;padding-right:10px;}
.x-tab-strip-top .x-tab-strip-inner{background:transparent url(../ext/resources/images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;background-color:#000;margin:-3px 0 0 5px;}

.x-tab-strip span.x-tab-strip-text{font:bold 11px helvetica,arial;font-weight:bold;color:#000;white-space:nowrap;cursor:pointer;padding:7px 0;}
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-bottom:8px;color:#e4e4e4;}

/*   Opacity test  */
/*
.ext-el-mask{z-index:-100 !important;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:99;}
*/
.x-hidden,.x-hide-offsets{position:absolute;left:0;top:0px;visibility:hidden;}

.x-window-tl {
	z-index:999;
	position:relative;
}

/*   Nested Tabs   */

.nested ul.x-tab-strip-top {
	padding-top:1px;
	background:#fff;
	border:0;
	background:#50668f;
	margin-left:-1px;
}

.nested ul.x-tab-strip-bottom {
	padding-bottom:1px;
	background:#fff;
	border:0;
	background:#5b6d8f;
}
	
.nested .x-panel-body {
	background-color:#fff;
}

.nested .x-tab-panel-body {
	border:1px solid #fff;
	background-color:#fff;
}

.nested .x-tab-strip-top .x-tab-right{background-image:url(../ext/resources/images/default/tabs/nested/tabs-sprite.gif);}

.nested .x-tab-strip-top .x-tab-left {
	background-image:url(../ext/resources/images/default/tabs/nested/tabs-sprite.gif);
}
	
.nested .x-tab-strip-top .x-tab-strip-inner{background-image:url(../ext/resources/images/default/tabs/nested/tabs-sprite.gif)}

.nested .x-tab-strip span.x-tab-strip-text{font:bold 11px helvetica,arial;font-weight:bold;color:#000;white-space:nowrap;cursor:pointer;padding:7px 0;}
.nested .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-bottom:8px;color:#50668f;}

.nested .x-tab-panel-body{border:1px solid #5b6d8f;border-top:0;}
.nested .x-panel-body {
	background:url(../images/nested-bg.png) #50668f top right no-repeat;
}

/*   Tables   */
/*
.ext-el-mask {
	background-color:#fff;
	border:0;
}

.ext-el-mask table {
	border:0;
}

.ext-el-mask table tr, .ext-el-mask table td, .ext-el-mask table th {
	border:0;
}
*/

/*   Information Pop-Up   */

.x-window{
	z-index:77777;
	position:relative;
}
.x-window-bwrap {
	z-index:999;
	position:relative;
}

/*   Slider   */

/*
.basic_grid .x-slider-horz{padding-left:7px;}
.basic_grid .x-slider-horz .x-slider-end{padding-right:7px;}
*/

.x-slider-horz{
	padding-left:7px;
	background:url(../images/slider/slider-bg.gif) no-repeat 0 -22px;
}

.x-slider-horz .x-slider-end{
	padding-right:7px;
	background:url(../images/slider/slider-bg.gif) no-repeat right -44px;
}

.x-slider-inner{
	position:relative;
	left:0;
	top:0;
	overflow:
	visible;zoom:1;
}

.x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:text;-khtml-user-select:text;}

.x-slider-horz{
	padding-left:7px;
	background:url(../images/slider/slider-bg.gif) no-repeat 0 -22px;
}

.x-slider-horz .x-slider-end{
	padding-right:7px;
	zoom:1;
	background:url(../images/slider/slider-bg.gif) no-repeat right -44px;
}

.x-slider-horz .x-slider-inner{
	background:url(../images/slider/slider-bg.gif) repeat-x 0 0;
	height:22px;
}

.x-slider-horz .x-slider-thumb{
	width:15px;
	height:18px;
	position:absolute;
	left:0;
	top:3px;
	background:url(../images/slider/slider-thumb.gif) no-repeat 0 0;
}

/*   Disabled   */

.disabled .x-slider-horz{
	background:url(../images/slider/disabled/slider-bg.gif) no-repeat 0 -22px;
}

.disabled .x-slider-horz .x-slider-end{
	background:url(../images/slider/disabled/slider-bg.gif) no-repeat right -44px;
}

.disabled .x-slider-horz{
	background:url(../images/slider/disabled/slider-bg.gif) no-repeat 0 -22px;
}

.disabled .x-slider-horz .x-slider-end{
	background:url(../images/slider/disabled/slider-bg.gif) no-repeat right -44px;
}

.disabled .x-slider-horz .x-slider-inner{
	background:url(../images/slider/disabled/slider-bg.gif) repeat-x 0 0;
}

.disabled .x-slider-horz .x-slider-thumb{
	background:url(../images/slider/disabled/slider-thumb.gif) no-repeat 0 0;
}

/*   End Disabled   */


.x-slider-horz .x-slider-thumb-over {background-position:-16px -17px;}

.x-slider-horz .x-slider-thumb-drag {background-position:-16px -17px;}


.x-slider{zoom:1;}

.x-item-disabled{color:gray;cursor:default;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.x-item-disabled *{color:gray!important;cursor:default!important;}

div.disabled, div.disabled h4, div.disabled em, 
div.disabled div.float, div.disabled li, 
div.disabled a, div.disabled *, div.disabled .learn_more a { 
  color: #ccc; 
}


.basic_grid .x-slider {
	margin:5px auto 5px auto;
}

/*   Saving Progress Text   */

.x-progress-wrap{border:1px solid #6593cf;overflow:hidden;}
.x-progress-inner{height:18px;background:#e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;position:relative;}

.overprogrammed, .warning {
  font-weight: bold;
  color: #f00;
}

div#submit_region {
  margin: 5px 0 5px 10px;
  text-align: left;
}

div#submit_comment {
  margin: 5px 0 5px 10px;
  text-align: left;
}

.disclaimer {
  color: #666;
  text-align: left;
  margin: 10px 10px 0 10px;
  line-height: 1.6;
}

.disclaimer em {
  font-style: italic;
}

div.submit_wrap {
  width: 308px;
  margin:0 auto;
}