/* Use bootstrap
* { font-family: Garmond,Verdana,Arial,sans-serif; }
*/

body { padding: 20px; background-color: #ddd; }
a { text-decoration:none; }
a:hover {color: red; text-decoration:underline}

/* Use bootstrap
h1,h2 { margin: 0 10px; }
h1 {font-size: 250%; color: black; }
h2 {font-size: 200%; color: black; }
*/

p { padding-bottom: 1em; }
/*
hp2{padding-top: 0.3em}
*/

pre {
	font-family: monospace;
}

.bread {
	font-weight: bold;
}

.bar {
	color: gray;
}	/* For the bar between: choice1 | choice2 */

/* begin: new round corner box */
.roundbox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
	text-align: left;
	border: 2px solid #ccc;
	background: white;
}
/* end: new round corner box */

/* begin: round corner box */
/*
div#nifty{ margin: 0 10%; background: lightgreen; }
b.rtop, b.rbottom{display:block; background: orange}
b.rtop b, b.rbottom b{display:block; height: 1px;
    overflow: hidden;  background: lightgreen}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
.rbox_inside { text-align: left; padding: 10px; }
*/
/* end: round corner box */

/* begin: icons */
.icon { vertical-align: middle; padding: 5px; margin-right: 1rem; }
.myfa { vertical-align: middle; padding: 5px; margin-right: 1rem; font-size: 32px; }
/* end: icons */

/* begin: tabular data */
.tabular {
        border: 1px solid green;
        border-collapse: collapse;
}

.tabular thead tr th, .tabular tbody tr td {
        background-color: #f0f0f0;
        padding: 3px 8px;
        border: 1px solid black;
        border-collapse: collapse;
}

.tabular thead tr th {
        background-color: #d0d0d0;
}
/* end: tabular data */

/* begin: form table */
.form-table {
	border: none;
}

.form-table tbody tr td, .form-table tr td {
	margin: 10px;
	padding: 2px;
	vertical-align: top;
}
/* end: form table */