Tiny programs (C, C++, C#, ...)

body {
 margin:0;
 padding:0;
 background:white;
 min-width:900px;
}
a:link {
 color:#2365C3;
 /*color:#0610AA;*/
}
a:visited {
 color:#2365C3;
}
a:hover {
 color:#E00;
}
input {
}
#layout {}
#topBar {
 border-bottom:1px solid gray;
}
#masterHead {
 padding:12pt 0 0 12pt;
 font-family:"Courier new", monospace;
 font-size:xx-large;
 font-weight:900;
 font-style:italic;
 letter-spacing:0.25em;
}
#subHead {
 padding:0 0 5pt 48pt;
 color:gray;
 font-family:"Verdana", sans-serif;
 font-style:italic;
}
#loginStatus {
 padding:5pt 1em 5pt 0;
 background:#FC3;
 font-family:"Verdana", sans-serif;
 font-size:small;
 text-align:right;
}
#loginStatus A:hover {
 color:#E00;
}
.menu {
 float:right;
 clear:right;
 width:18em;
 margin-top:2em;
 border:1px outset #CCC;
 background:#F7F9FA;
 font-family:"Verdana", sans-serif;
 font-size:small;
}
.menuTitle {
 border-bottom:1px solid gray;
 padding:5px;
 background:#FC3;
 font-weight:bold;
 text-align:center;
}
.menu li {
 list-style:none;
 padding:0 .5em 5px 0;
}
.menu li a {
 text-decoration:none;
}
.menu li a:hover {
 background:#FFC;
}
.menu input {
}
.menuItemSelected a {color:#E00;}
.menuItemSelected a:link {color:#E00;}
.menuItemSelected a:visited {color:#E00;}
#pageContent {
 margin:1em 20em 1em 1em;
 padding:5px 2em 2em 1em;
 font-family:"Arial", sans-serif;
 font-size:small;
}
#pageContent p {
 text-indent:2em;
 text-align:justify;
}
#pageContent .indented {
 margin:1em 2em 1em 2em;
}
#pageContent h1 {
 color:#E00;
}
.simpleForm {
 margin:2em;
}
.simpleForm table {
 border:1px outset #CCC;
 padding:10px;
 background:#F7F9FA;
}
.simpleForm th {
 text-align:right;
 font-weight:normal;
}
.simpleForm td {
 text-align:left;
}
.simpleForm .errInput {
 color:#E00;
 font-weight:bold;
}
.simpleForm .errInputMsg {
 padding:1em;
 text-align:center;
 font-weight:bold;
}
.simpleForm .submit {
 text-align:right;
}
.simpleForm .day {
 margin-right:3pt;
 width:1.5em;
}
.simpleForm .month {
 margin-left:3pt;
 margin-right:3pt;
 width:1.5em;
}
.simpleForm .year {
 margin-left:3pt;
 width:3em;
}
.simpleForm .duration {
 margin-right:5pt;
 width:2em;
}
.queryResult {
 margin:2em 0 2em 2em;
 border:1px outset gray;
 font-family:sans-serif;
}
.queryResult td {
 padding:3px 1em 5px .5em;
}
.queryResult strong {
 color:#E00;
}
.queryResult .head td {
 border-bottom:1px solid gray;
}
.queryResult .head {
 background:#FC3;
 font-weight:bold;
}
.queryResult .odd {
 background:white;
}
.queryResult .even {
 background:#F7F9FA;
}
.queryResult .oddGroup td {
 border-top:1px solid black;
}
.queryResult .evenGroup td {
 border-top:1px solid black;
}
.queryResult .evenGroup {
 background:#F7F9FA;
}
.simpleInfo {
 margin:2em;
}
.simpleInfo th {
 text-align:right;
 font-weight:normal;
}
.simpleInfo td {
 text-align:left;
 font-weight:bold;
}
.infoFrame {
 width:100%;
 border:1px dashed gray;
}
.infoFrame td {
 vertical-align:top;
}
.yesno {
 text-align:center;
}
.yesno form {
 display:inline;
}
.yesno form div {
 display:inline;
}
.yesno input {
 width:5em;
 margin:1em 0 2em 5em;
}
.multiCol {
 width:100%;
}
.multiCol td {
 vertical-align:top;
}
.summarySubmit {
 border-top:1px dotted gray;
 text-align:right;
}
.summarySubmit form {
 display:inline;
}
.summarySubmit p {
 display:inline;
}
.summarySubmit input {
 margin:2em 2em 0 0;
 /*padding:.5em;*/
}
.total td {
 border-top:5px double black;
 padding-top:1em;
 padding-bottom:1em;
}