/* mcc.css */
body {
    background-color: rgb(70, 70, 70);
    color: white;
    font-family: Arial, sans-serif;
    font-size: 12pt;
}

a:link { color: lightgreen }
a:visited { color: lightgreen }
a:active { color: lightgreen }
a:hover { color: lightsalmon }

input, select, textarea {
    background-color: #cceecc;
}

img { border-width: 0px }

img.small {
    vertical-align: middle;
    border: black 1px solid;
}
img.small:hover {
    vertical-align: middle;
    border: lightsalmon 1px solid;
}

img.full {
    border: black 1px solid;
}

.caption {
    text-align: center;
    font-size: 10pt;
}

.header {
    font-size: 20pt;
    font-weight: bold;
    border: 1px solid gray;
    padding: 8px;
    background-color: rgb(40, 40, 40);
}

.menu {
    border: 1px solid gray;
    width: 12em;
    vertical-align: top;
    background-color: rgb(40, 40, 40);
}

.panel {
    border: 1px solid gray;
    width: 100%;
    padding: 8px;
    vertical-align: top;
}

.footer {
    border: 1px solid gray;
    padding: 4px;
    font-size: 10pt;
    background-color: rgb(40, 40, 40);
}

.smalltext {
    font-size: 10pt;
}

.error {
    font-weight: bold;
    color: orange;
}

.message {
    color: orange;
}

div.user_gallery {
    border: 1px solid gray;
}

.label {
    font-weight: bold;
}

.rowTable {
    border-collapse: collapse;
}

.rowTable th {
    padding: 4px 8px;
    background-color: #228822;
    border-bottom: 1px solid black;
    color: white;
}

.rowTable td {
    padding: 4px 8px;
    background-color: #114411;
    border-bottom: 1px solid #228822;
    color: white;
}

/* Generally I think better not to use this. */
.rowTable .altRow td {
    background-color: #002200;
}

.outlineTable {
    border-collapse: collapse;
    background-color: #114411;
    border: 1px solid #228822;
}

.outlineTable th {
    padding: 2px 4px;
    background-color: #228822;
}

.outlineTable td {
    padding: 2px 4px;
}

.outlineTableGray {
    border-collapse: collapse;
    background-color: #444444;
    border: 1px solid gray;
}

.outlineTableGray th {
    padding: 2px 4px;
    background-color: gray;
}

.outlineTableGray td {
    padding: 2px 4px;
}
.courseTable  td{
   border-collapse: collapse;
 }
.courseTable  td {
    border-right: solid 1px #f00; 
	border-left: solid 1px #f00;
    width: 100%;
    padding: 8px;
    vertical-align: top;
}