/* Set Body Properties */
body, input, button, select, textarea, .navbar-search .search-query {font-family: 'Open Sans', sans-serif;}
body {font-size: 14px; background-color: #EBE7E0; background: url(../images/paper_fibers.png);}

/* Main Content Div */
#content {background-color: #C6D4E1; background: url(../images/blue_paper.png);}

/* Tabs */
.tab-pane {padding-left: 5px;}
.tg {background: white;}
.tg > .active > a {background-color: #C6D4E1; background: url(../images/blue_paper.png);} 

/* Map Stuff */
.map_frame {width:97%; height:560px; padding:5px; background: #EBE7E0; box-shadow: 2px 2px 2px #888888; margin-left: 5px; background: url(../images/gray_paper.png);}
#map_canvas {width:97%; height:500px; margin:10px; border: 1px solid #2E425F;}
#map_caption {width: 98%; margin-left: 10px;}
#map_canvas img {max-width: none;}
.map_help {font-size: .8em;}
#map_rpt_canvas {width:97%; height:400px; margin:10px; border: 1px solid #2E425F;}
#map_quote_canvas {width:97%; height:400px; margin:10px; border: 1px solid #2E425F;}

/* Some Standard defs for reusable elements */
.spacer{clear:both; height:1px;}
.separator{clear:both; height:1px; margin-bottom: 5px; border-bottom:solid 1px #2E425F; }
.form-horizontal .control-label {font-weight:bold;}
.head {margin-bottom:20px; border-bottom:solid 1px #2E425F; padding-bottom:10px; margin-right: 10px; width: 95%;}
.head {margin-left: 5px;}
.iright {text-align: right;}
.r {float: right;}
.l {float: left;}
.subhead {display: block; font-size: .75em; font-style: italic; font-weight: normal; margin-bottom:20px; border-bottom:solid 1px #2E425F; padding-bottom:10px;}
.icon-thumbs-up {color: green; font-size: 32px; margin-right: 30px;}
.help {-moz-border-radius: 15px; border-radius: 15px; border: 1px solid #F3D932; padding: 5px; background-color: #FFFFD8; margin: 20px; font-size: 1.1em; font-weight: bold;}
.two-thirds {width: 60%; display: inline-block; text-align: center;}
.one-third {width: 30%; display: inline-block; text-align: center;}
.empty {background: transparent !important; border: none !important;}

/* Ruler area under the map */
.marker-odd {width: 45%; float: left;}
.marker-even {width: 45%; float: right;}
.latlon {margin: 0px; padding: 0px !important;}
.rulers {margin: auto; text-align: center; width: 90%; border: solid 1px #2E425F; margin-bottom: 20px; padding-bottom: 10px; background: #FFFFFF; background: url(../images/gray_paper.png);}
.latlon span{float: none; color:#333333; font-size:11px; font-weight:normal;  display: inline-block; padding: 1px;}
.latlon input {margin: 0px; padding: 0px;}
.latlon span {margin: 0px; padding: 0px;}
#dir {width: 40px; margin: 0px; padding: 0px;}
#street {width: 200px; margin: 0px; padding: 0px;}
#traffic {width: 70px; margin: 0px; padding: 0px;}
#speed {width: 70px; margin: 0px; padding: 0px;}
#stop {width: 60px; height: 25px; margin: -2px 4px 0px 4px; padding: 0px !important;}
#vd {width: 80px; margin: 0px; padding: 0px;  height: 22px; }
#latlon_dir {width: 42px; margin: 0px !important;}
#latlon_street {width: 202px; margin: 0px 1px 0px 0px !important;}
#latlon_traffic {width: 72px; margin: 0px 1px 0px 0px !important;}
#latlon_speed {width: 72px; margin: 0px 1px 0px 2px !important;}
#latlon_stop {width: 68px; height: 15px;  margin: 0px 1px 0px 2px !important;}
#latlon_vd {width: 82px; margin: 0px !important;}
.latlon .fth {width: 75px; padding: 0px 1px 6px 0px; text-align: center; margin: 0px 1px 0px 2px !important;}
.latlon .ft {width: 75px; height: 18px; padding: 0px 6px 6px 0px; color: white; text-align: right; margin: 0px 0px 0px 5px !important;  border: 1px solid white;}
button, a[role='button'] {min-width:125px !important; min-height:31px !important; margin: 5px !important;}
.rnumber {width: 20px; height: 20px; line-height: 24px; font-weight: bold !important; font-size: 1.25em !important; padding: 0px 6px 6px 0px !important;}
#vw {width: 150px; font-weight: bold !important;}
#v_time {width: 150px; font-weight: bold !important;}
#v_rch {width: 200px; font-weight: bold !important;}
#v_ncm {width: 200px; font-weight: bold !important;}
.v_label {border-bottom: solid 1px #2E425F; font-weight: bold !important;}
.delruler {margin: 5px 10px;}
.latlon hr {border-color: #CCCCCC; margin: 0px;}

/* Special Inputs */
input.w80, textarea.w80 {width: 90%;}
select.w80 {width: 92%;}
input.w50, textarea.w50 {width: 50%;}
.city {display: inline-block; width: 40%;}
.state {display: inline-block; width: 26%; margin-top: -1px;}
.qu_state {display: inline-block; width: 100%; margin-top: -1px;}
.zip {display: inline-block; width: 19%;}
#notes {margin-left: 10px;}
.matrix {width: 40%;}
.t_label {display: inline-block;}
.disclaimer {width: 90%; float: right; margin-top: 40px; font-style: italic;}
.small {display: block; font-size:11px; font-style: italic; font-weight: 400;}
.p_tot_spacer {height: 30px; border-bottom:solid 1px #2E425F;}
span.p_ni {display: inline-block; text-align: left;}
span.p_icf {display: inline-block;  text-align: left;}
span.p_pp {display: inline-block;  text-align: left;}
input.p_ni {display: inline-block; width: 35%;}
input.p_icf {display: inline-block; width: 35%;}
input.p_pp {display: inline-block; width: 35%;}
#start_time {width: 35%; margin-left: 5px; margin-right: 20px;}
#stop_time {width: 35%; margin-left: 5px;}
.inline {display: inline-block;} 
.interest_slider {width: 50%; margin: 0px 10px;}
.slider_group label.jem {width: 20%; display: inline-block; text-align: right; font-weight: bold;}
.slider_group .input-append{width: 15%;}
.slider_group input{width: 35%;}
.hours {width: 45%; display: inline-block;}

/* Lease option container spans. Make the fields bigger or smaller here. */
.l_label {font-weight: bold; display: inline-block;}
#amp3, #amp5, #amp6 {width: 30%; float: none; margin: 0px;}

/* Invest.php */
#face {margin-left: 0px;}
.ratios {text-align: center; margin: auto; margin-top: 5px; border: solid 1px #2E425F; }
.ratios thead {border-bottom: solid 1px #2E425F; font-weight: bold;}
.ratio_c1 {width: 4%; text-align: right; font-weight: bold;}
.ratio_col {width: 24%; padding: 5px;}
.ratios caption {background: #2E425F; color: white;}
.gbb {box-shadow: 2px 2px 2px #888888; background: url(../images/gray_paper.png);}
.gbb_total_l {font-weight: bold; width: 30%; text-align: left;}
.gbb_total_r {font-weight: bold; border-top: 2px solid white; width: 70%; text-align: right;}
.gbb_head {text-align: center; font-weight: bold; font-size: 1.5em; background: #2E425F; height: 50px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: white; line-height: 50px;}
.gbb_desc {height: 200px; border-bottom:solid 1px #2E425F; padding: 5px; border-left: 1px solid #2E425F; border-right: 1px solid #2E425F; background: #EBE7E0; font-size: 12px; overflow: auto;}
.gbb_price {text-align: center; background: #2E425F; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: white; padding: 2px; font-size: 12px;}
.gbb .controls {text-align: center; margin-left: -10%;}
.no_sign {text-align: center; font-size: 1.35em; font-weight: bold; margin: 30px;}
.total {background: #2E425F; color: white; margin: auto; border-radius: 4px; width: 90%; float: none;}
.total_line{border-bottom: 1px solid white; height: 10px; clear: both; width: 30%; margin: 10px auto;}
.tot_l{float: left; margin-left: 30%; text-align: left; font-size: 1.25em; margin-bottom: 5px;}
.tot_r{float: right;  margin-right: 30%; text-align: right; font-size: 1.25em; margin-bottom: 5px;}

/* Summary Page */
.summary_table {text-align: right; width: 95%;}
.summary_table th{vertical-align: bottom; border-bottom:solid 1px #2E425F; padding: 10px 2%;}
.summary_table tr{}
.summary_table td {padding: 5px 2%; vertical-align: top;}
.summary_table td:first-child {text-align: left; width: 40%;}
.summary_table th:first-child {text-align: left; width: 40%;}

/* Proposed Sign */
.upload {border:solid 1px #2E425F; background: white; width: 50%; padding: 20px;position: relative; cursor: pointer; margin: 0px auto; margin-bottom: 30px;}
.img-container {position: relative; margin: 0px auto; padding: 20px; border:solid 1px #2E425F; background: url(../images/paper_fibers.png); width: 90%; margin-bottom: 30px;}
.text-container {position: relative; margin: 0px auto; padding: 20px; font-weight: bold; font-size: 2em; width: 90%; text-align: center; border:solid 1px #2E425F; background: url(../images/paper_fibers.png);}
.link {position:absolute; left:0px; top:0px; font-size: 16px; background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); color: white; padding: 4px; cursor:pointer; border: 1px solid white;}
.link:hover:after {content: " Remove Image";}
.img-default {position: absolute; bottom:0%; right: 0%; font-size: 16px; background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); color: white; padding: 4px; cursor:pointer; border: 1px solid white; text-align: right;}
.img-default:hover:before {content: "Use As Project Image ";}
.img-upload {max-width: 100%;}
.img-cb > span {margin-top: -2px !important; vertical-align: top !important;}
.fileContainer {
    overflow: hidden;
    /*position: relative;*/
}
.fileSelect {font-size: 30px; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 15px; background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); color: white; text-align: center; vertical-align: middle;}
.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	
}

/* Style the navbar */
.navbar-inner {
min-height: 40px;
padding-right: 20px;
padding-left: 20px;
background-color: #C6D4E1;
background: url(../images/blue_paper.png);
box-shadow: 2px 2px 2px #888888;
color: black;
border: 1px solid #EBE7E0;
}
.navbar .divider-vertical {border-right: 1px solid #EBE7E0; border-left: 1px solid #EBE7E0;}
.navbar .brand {margin: 4px 10px 0px -15px; padding: 0px;}
.nav-pills > li > a {background-color: #7094B6; color: white; margin: 5px;}
.nav-pills > li > a:hover {background-color: #2E425F; color: white;}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
    box-shadow: 2px 2px 2px #888888;
}

/* Style the menu bar */
#menu {background-color: #7094B6; min-height: 1000px; padding: 5px; box-shadow: 2px 2px 2px #888888; font-size: 12px;}
.current_user{background-color: #2E425F; color: white; border-bottom: 2px solid white; font-size: 1.25em; padding: 5px; font-weight: bold; margin: -5px;}

/* Style the info box */
.info {border: 1px solid #F3D932; padding: 5px; margin: 5px; background-color: #FFFFD8;}
.info_project{display: block; font-size: 1em; border-bottom: 1px solid;}
.info_project strong{float: right;}
.info_salesman{display: block; margin-left: 10px; font-weight: bold; font-size: 1.1em;}
.info_salesman a{margin-left: 5px; font-weight: 400; font-size: 1em;}
.info_started{display: block; margin-left: 10px;}
.info_modified{display: block; margin-left: 10px;}

/*--------------- Style the project listing. ----------------------*/
.project{border: 1px solid; padding: 5px; margin: 5px; background-color: #EEEEEE;}
.project_head{display: block; font-size: 1em; border-bottom: 1px solid;}
.project_head a{float: right; font-weight: bold;}
.project_name{display: block; margin-left: 10px; font-weight: bold; font-size: 1.1em;}
.project_address{display: block; margin-left: 10px;}

/* Let's overwrite some bootstrap defaults */
input[type=text], textarea, select {border: 1px solid #2E425F; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 0px; padding: 2px 2px;}
.input-prepend .add-on {padding: 2px 2px;}
.input-append .add-on {padding: 2px 2px;}
.nav-tabs li a {padding-top: 2px; padding-bottom: 2px; border: 1px solid #CCCCCC; border-bottom: 1px solid #2E425F;}
.nav-tabs .active a, .nav-tabs .active a:hover, .nav-tabs .active a:focus{border: 1px solid #2E425F; border-bottom-color: transparent; box-shadow: 2px 0px 0px #888888;}
.nav-tabs {margin-bottom: 0px; border-bottom: 1px solid #2E425F; }
.tab-pane {}
.tabbable {box-shadow: 2px 2px 2px #888888;}
.input-append .add-on, .input-prepend .add-on {border: 1px solid #2E425F;}
form {margin: 0px;}
.navbar .nav>li>a {color: black;}

/* Popover forms */
.np_form {width: 300px;}
.tab-content {overflow: hidden;}
.row {margin-left: 0px;}

/* AIV Table */
table.aiv_table {margin: 20px auto 10px auto; width: 98%;}
table.aiv_table th {padding: 5px; background: #2E425F; color: white; border: 1px white solid;}
table.aiv_table td {padding: 5px; text-align: center; border: 1px white solid; background: #AEA68A;}
table.aiv_table tr td:first-of-type{font-weight: bold; text-align: right; background: #2E425F; color: white; width: 33%;}
table.aiv_table tr:last-of-type td{font-weight: bold; background: #2E425F; color: white;}
.aiv {background: #2E425F; color: white; -moz-border-radius: 15px; border-radius: 15px; text-align: right; padding: 1%; font-size: 1.2em;}
.div30 {width: 33%; float: right; margin-right: 1%;}

/* EIV Table */
.eiv_div {width: 98%; background: url(../images/paper_fibers.png); padding: 20px 0px; box-shadow: 2px 2px 2px #888888;}
table.eiv {width: 96%; font-size: 1.2em; background: url(../images/paper_fibers.png); margin: 10px auto;}
table.eiv tr {padding-bottom: 5px;}
table.eiv th {text-align: center;}
table.eiv td {width: 33%; padding-bottom: .3em; vertical-align: top;}
table.eiv td:nth-child(2) {width: 33%; text-align: right;}
table.eiv td:nth-child(3) {width: 33%; text-align: right;}
.line { margin: 0px 0px 0px 25%; border-color: black;}
.indent > td:nth-child(2) {padding-right: 10%;}
.indent > td:nth-child(3) {padding-right: 10%;}
tr.strong {background: url(../images/gray_paper.png); border: 1px solid #2E425F; }
.eiv_div > div {padding: 2%;}
/* Reports Version */
table.eiv_rpt {width: 96%; font-size: 1.2em; background: url(../images/paper_fibers.png); margin: 10px auto;}
table.eiv_rpt tr {padding-bottom: 5px;}
table.eiv_rpt th {text-align: center;}
table.eiv_rpt td {width: 75%; padding-bottom: .3em; vertical-align: top; text-align: left;}
table.eiv_rpt td:nth-child(2) {width: 25%; text-align: right;}

/* Funky Checkboxes and Radios  */
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {display:inline-block; width:19px; height:19px; margin:0px 4px 0 0; vertical-align:middle; background:url(../images/check_radio.png) left top no-repeat; cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(../images/check_radio.png) -20px top no-repeat;}
input[type="radio"] {display:none;}
input[type="radio"] + label span {display:inline-block; width:19px; height:19px; margin:0px 4px 0 0; vertical-align:middle; background:url(../images/check_radio.png) -39px top no-repeat; cursor:pointer;}
input[type="radio"]:checked + label span {background:url(../images/check_radio.png) -58px top no-repeat;}

/* Save buttons */
.save {float: right; margin-right: 50px;}

/* Flot */
chart {line-height: 0px; height: 500px; width: 95%; display: block;}
.yAxis .tickLabel {text-align: right; width: 70px;}
.yaxisLabel {
    top: 50%;
    left: 2px;
	font-weight: bold;
	font-size: 14px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.axisLabel {
    position: absolute;
    text-align: center;
}
.flotText {
	position: absolute;
	top: 15%;
	width: 40%;
	left: 35%;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

/* Chart for payback 
.container {width: 80%; height: 40px; }*/
.pct_bar {width: 100%;padding: 10px;}
.pct1 {width: 33%; background-color: #2E425F; float: left; font-size: .75em; text-align: center; overflow: hidden; color: white; height: 100%;}
.pct2 {width: 67%; background-color: #2C7BB6; float: right; font-size: .75em; color: white; text-align: center; overflow: hidden; height: 100%;}
.markers {position: relative;  height: 30px; overflow: visible;}
#m1_rpt {position: absolute; width: 36px; height: 43px; top: -3.6em;}
#m1_rpt div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m2_rpt {position: absolute; width: 36px; height: 43px; top: -3.6em;}
#m2_rpt div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m3_rpt {position: absolute; width: 36px; height: 43px; top: -3.6em;}
#m3_rpt div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m1 {position: absolute; width: 36px; height: 43px;  top: -3.6em;}
#m1 div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m2 {position: absolute; width: 36px; height: 43px;  top: -3.6em;}
#m2 div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m3 {position: absolute; width: 36px; height: 43px;  top: -3.6em;}
#m3 div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m1_quote {position: absolute; width: 36px; height: 43px; top: -3.6em;}
#m1_quote div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m2_quote {position: absolute; width: 36px; height: 43px; top: -3.6em;}
#m2_quote div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
#m3_quote {position: absolute; width: 36px; height: 43px; top: -3.6em;}
#m3_quote div {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
}
.icon-sort-down {color: white; font-size: 2em; line-height: 17px;}
div.bullet-graph {margin: 0px auto; width: 80%;}
div.bullet-graph div.graph {
    position: relative;
    width: 100%;
    top: 1.2em;
    height: 2.4em;
}
div.bullet-graph div.graph div[class^='region-'], div.bullet-graph div.graph div[class*=' region-'] {
    float: left;
    height: 100%;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	 -webkit-print-color-adjust: exact;
}
div.bullet-graph div.region-1 {
    background-color: #FFCE8D !important;
}
div.bullet-graph div.region-2 {
    background-color: #FFBD64 !important;
}
div.bullet-graph div.region-3 {
    background-color: #FFA630 !important;
}
div.bullet-graph div.region-4 {
    background-color: #E47B00 !important;
}
div.bullet-graph div.region-label {
    background-image: none;
    position: relative;
    top: -1.2em;
    left: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.bullet-graph div.bar {
    position: absolute;
    height: 50%;
    top: 25%;
    width: 100%;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    border-radius: 0 0.3em 0.3em 0;
    box-shadow: 0em 0.2em 0.4em rgba(0, 0, 0, 0.3);
}
div.bullet-graph div.scale {
    position: relative;
    top: 1.2em;
    width: 100%;
    height: 0.5em;
}
div.bullet-graph div.tick {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #8f8f8f;
}
.tick-label-text {
    font-size: .75em;
    background-color: #8f8f8f;
    margin-left: 2px;
}

/* Percentage Bars */
.pct_complete {float: right; text-align: center; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #2E425F; background: url(../images/gray_paper.png); margin: 20px; position: relative; top: -20px;}
.print {float: right; text-align: center; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #2E425F; background: url(../images/gray_paper.png); margin: 20px; position: relative; top: -20px;}
.percentbar {background:#CCCCCC; border:1px solid #666666; height:10px; width: 150px; margin: auto;}
.percent {background: #28B8C0; height: 10px;}

/* Show/Hide divs */
.showhide {
  display: inline-block;
  width: 60%;
  margin-bottom: 10px;
}
.showhide > .less {}
.showhide > .more {}
.showhide > .show {
	margin: 0px 0%; 
	border: 1px solid #CCCCCC; 
	padding: .1em; 
	width: 25%; 
	text-align: center; 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.showhide.opened > .more { display: block; }
.showhide.closed > .more { display: none; }
.showhide.closed > .show a:after {
    content: 'Show More...';
}
.showhide.opened > .show a:after {
    content: 'Show Less...';
}
.tdshowhide {width: 95%; display: inline-block;}
.tdshowhide.opened > .more { display: block; }
.tdshowhide.closed > .more { display: none; }
.tdshowhide.closed > .show a:after {
    content: '+';
}
.tdshowhide.opened > .show a:after {
    content: '^';
}
/* Print Styles */
@media print  {
  .navbar {display: none; height: 0px;}
  #menu {display: none;}
  .save {display: none;}
  .nav {display: none; height: 0px;}
  .pct_complete {display: none;}
  .print {display: none; height: 0px;}
  .modal {display: none;}
  input { border: none !important; display: inline;}
  .span2 {width: 110px; display: inline;}
  .ui-resizable{width: 670px; height: 350px;}
  #content {width: 8.25in;}
  .tab-content {width: 100%;}
 }
/* Special styles for phones */
@media (max-width: 767px){
	#menu {min-height: 0px;}
	.project {margin-left: 10px;}
	.project li{ display: inline; margin-left: 0px; margin-right: 20px;}
	.project li:before{content: "> "; color: #0088cc;}
	.project li:after{content: " <"; color: #0088cc;}
	.info {text-align: center;}
	
}
/* Special Styles for tablets and small screens. */
@media (min-width: 768px) and (max-width: 940px) {
	.menu {min-width:100px !important; font-size:11px;}
}
.disclaimer_td {font-weight: bold; border: 1px solid black; text-align: center; background-color: yellow !important;}
.calc {position: relative; top: -20px; left: 5px; height: 46px;}
.l20 {margin-left: 20px;}