body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 300px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.navbar-fixed-top {
    background-color: white;
    border-bottom: 1px solid silver;
}

.navbar-fixed-top a {
    color: gray;
}
.navbar-btn {
    margin-left: 4px;
}
a.navbar-btn {
}
.navbar-brand {
}
.icon-bar {
    background-color:gray;
}

.btn-intuit-signin {
    display: inline-block;
    width: 161px;
    height: 36px;
    background-image: url(Sign_in_transparent_btn_med_default.png);
    border: none;
}
.btn-intuit-signin:hover {
    background-image: url(Sign_in_transparent_btn_med_hover.png);
}
.btn-intuit-signin, 
.btn-intuit-signin:link, 
.btn-intuit-signin:visited, 
.btn-intuit-signin:hover, 
.btn-intuit-signin:focus, 
.btn-intuit-signin:active {
    color:transparent;
}
.btn-intuit-connect {
    display:inline-block;
    width:274px;
    height:48px;
    background-image:url(C2QB_green_btn_tall_default.png);
    border:none;
}
.btn-intuit-connect:hover {
    background-image:url(C2QB_green_btn_tall_hover.png);
}
.btn-intuit-connect, 
.btn-intuit-connect:link, 
.btn-intuit-connect:visited, 
.btn-intuit-connect:hover, 
.btn-intuit-connect:focus, 
.btn-intuit-connect:active {
    color:transparent;
}



/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media (max-width: 767px) {

	/* Force table to not be like tables anymore */
    .table-govert, 
    .table-govert > thead, 
    .table-govert > tbody, 
    .table-govert > thead > tr, 
    .table-govert > tbody > tr, 
    .table-govert > thead > tr > th, 
    .table-govert > tbody > tr > td { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-govert > thead > tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-govert > tbody > tr > td { 
		/* Behave  like a "row" */
		position: relative;
		padding-left: 33%; 
	}
	
	.table-govert > tbody > tr > td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table-govert > tbody > tr > td:before { content: attr(data-label); }
}