/* =structure */
#page {
    width: 752px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#header {
    width: 752px;
    height: 80px;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
}
#body {
    width: 752px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url('../images/body.gif');
    background-repeat: repeat-y;
}
#primaryNav {
    float: left;
    margin-top: 4px;
    width: 160px;
}
#content {
    margin-left: 164px;
    width: 544px;
}
#fullContent {
    width: 708px;
}
#footer {
    clear: both;
    width: 752px;
    height: 41px;
    background-image: url('../images/footer.jpg');
    background-repeat: no-repeat;
    text-align: right;
}
#footer p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 65%;
    margin: 0 18px 0 0;
    color: #ccf;
}
#footer a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}

/* =elements */
* {
    padding: 0;
    margin: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
body {
    background-color: #f0f0f0;
    background-image: url('../images/page_bg.gif');
    background-repeat: repeat-x;
    text-align: center;
}
a {
    text-decoration: none;
    border-bottom: 1px solid #abf;
    color: #0b75a1;
}
a:hover {
    border-width: 0;
    color: #1297cf;
}
a.help {
    background-image: url('../images/chevron.gif');
    background-repeat: no-repeat;
    background-position: left 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: bold;
    padding-left: 14px;
    border-width: 0;
}
a.help:hover {
    text-decoration: underline;
}
p {
    margin-top: 0.5em;
    font-size: 80%;
}
p.indent {
    margin-left: 2em;
    font-size: 75%;
    line-height: 1.5em;
}
p.article {
    margin-bottom: 16px;
}
.subtitle {
    border-top: 1px solid #ddd;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #888;
}
h1, .hidden {
    display: none;
}
h2, h3 {
    font-weight: normal;
}
h2 {
    font-size: 140%;
    color: #0f5063;
    margin-bottom: 2px;
}
h2.article {
    margin-bottom: 0;
}
h2.error {
    color: #d00;
}
h3 {
    padding-top: 8px;
    font-size: 115%;
    color: #227891;
}
h3.highlight {
    color: #3a3;
}
ul {
    margin: 4px 2px 2px 2px;
    list-style-type: circle;
    list-style-image: url('../images/chevron.png');
}
ul li {
    margin-left: 20px;
}

/* =game status */
#gameStatus {
    width: 720px;
    margin-left: -4px;
    margin-bottom: 4px;
}
#gameStatus h4, #gameStatus blockquote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
}
#gameStatus div {
    background-repeat: repeat-x;
    padding-top: 1px;
}
#gameStatus div.success {
    background-image: url('../images/success_status_bg.gif');
}
#gameStatus div.warning {
    background-image: url('../images/warning_status_bg.gif');
}
#gameStatus div.error {
    background-image: url('../images/error_status_bg.gif');
}
#gameStatus div.success h4 {
    color: #0c0;
}
#gameStatus div.warning h4 {
    color: #aa0;
}
#gameStatus div.error h4 {
    color: #f00;
}
#gameStatus h4 {
    float: left;
    width: 160px;
    margin-left: 2px;
}
#gameStatus blockquote {
    margin-left: 168px;
    color: #666;
}
#gameStatus blockquote strong {
    font-weight: normal;
    color: #666;
}
#gameStatus div.warning blockquote, #gameStatus div.error blockquote {
    color: #000;
}

/* =collapsible elements */
.collapsed .content {
    display: none;
}

/* =navigation */
#primaryNav * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.navigation {
    margin-top: 0;
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 0;
}
ul.navigation li {
    padding: 2px 0;
    margin: 0 0 0 -2px;
    width: 160px;
}
ul.navigation li.active {
    background-image: url('../images/nav_bg_active.gif');
    background-repeat: repeat-y;
}
ul.navigation li em {
    font-style: normal;
    font-weight: bold;
    color: #f00;
}
.dropbox {
    width: 160px;
    font-size: 70%;
    background-image: url('../images/nav_bg.gif');
    background-repeat: repeat-y;
    border-bottom: 1px solid #ccc;
}
.dropbox a {
    border-width: 0;
}
.dropbox a:hover {
    text-decoration: underline;
}
.dropbox h4 {
    height: 16px;
    font-size: 11px;
    padding-left: 2px;
    cursor: pointer;
}
.dropbox strong {
    display: block;
    text-align: center;
}
.dropbox.collapsed h4 {
    background-color: #d0d0d0;
    background-image: url('../images/nav_trigger_bg.gif');
    background-repeat: repeat-y;
    color: black;
    font-weight: normal;
}
.dropbox.expanded h4 {
    background-color: #00c0ff;
    background-image: url('../images/dropbox_title_bg.gif');
    background-repeat: no-repeat;
    color: white;
    font-weight: bold;
}

/* =messages */
.errorMessage, .successMessage, .warningMessage, .questionMessage {
    height: 64px;
    background-repeat: no-repeat;
    padding-left: 56px;
    /*margin-top: 16px;*/
}
.errorMessage h4, .successMessage h4, .warningMessage h4, .questionMessage h4 {
    font-weight: bold;
    font-size: 90%;
}
.errorMessage p, .successMessage p, .warningMessage p, .questionMessage p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    margin: 0;
}
.errorMessage a, .successMessage a, .warningMessage a, .questionMessage a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.errorMessage a.help, .successMessage a.help, .warningMessage a.help, .questionMessage a.help {
    font-size: 100%;
}
.errorMessage {
    background-image: url('../images/error_message.jpg');
}
.errorMessage h4 {
    color: #f00;
}
.successMessage {
    background-image: url('../images/success_message.jpg');
}
.successMessage h4 {
    color: #0b0;
}
.warningMessage {
    background-image: url('../images/warning_message.jpg');
}
.warningMessage h4 {
    color: #990;
}
.questionMessage {
    background-image: url('../images/question_message.jpg');
}
.questionMessage h4 {
    color: #04a;
}

/* =markers */
.successMarker, .warningMarker, .errorMarker, .validation {
    font-weight: bold;
    font-size: 11px;
    background-repeat: no-repeat;
    background-position: left 1px;
}
.errorMarker {
    color: #f00;
    background-image: url('../images/error_bullet.gif');
    padding-left: 12px;
}
.warningMarker, .validation {
    color: #aa0;
    background-image: url('../images/warning_bullet.gif');
    padding-left: 14px;
    background-position: left top;
}
.validation {
    display: block;
}
.successMarker {
    color: #0c0;
    background-image: url('../images/success_bullet.gif');
    padding-left: 13px;
}

/* =forms */
form, div.form {
    background-color: #ebebeb;
    padding: 16px;
    margin-bottom: 8px;
}
form.noStyle {
    background-color: #fff;
    padding: 0;
}
form table.noStyle td {
    font-size: 100%;
}
.fieldRow, .requiredFieldRow {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 8px;
    margin-bottom: 4px;
}
form h3 {
    padding: 0;
    margin-bottom: 8px;
}
form h4 {
    font-size: 80%;
    color: #227891;
}
.fieldRow *, .requiredFieldRow * {
    font-family: Arial, Helvetica, sans-serif;
}
.fieldRow h4, .requiredFieldRow h4 {
    float: left;
    width: 160px;
    font-weight: normal;
    font-size: 80%;
}
.fieldRow h4 {
    color: #444;
}
.requiredFieldRow h4 {
    color: #44c;
    font-weight: bold;
}
.fieldRow blockquote, .requiredFieldRow blockquote {
    margin-left: 160px;
    font-size: 80%;
}
.fieldRow blockquote a.help {
    font-size: 95%;
}
textarea {
    width: 300px;
    height: 150px;
    font-size: 10pt;
}
label {
    padding-left: 2px;
}
div.form .buttonRow {
    padding: 0;
}
.buttonRow {
    padding-top: 8px;
    height: 16px;
}
.buttonRow h4 {
    float: left;
}
.buttonRow input {
    border: 1px solid #4f778f;
    background-color: #227891;
    color: white;
    float: right;
    margin-left: 8px;
    font-size: 80%;
}
.buttonRow input.left {
    float: left;
    color: #444;
    border: 1px solid #aaa;
    background-color: #ddd;
    margin-right: 8px;
}
.buttonRow input.positive {
    border: 1px solid #0b0;
    background-color: #0c0;
    color: white;
}
.buttonRow input.negative {
    border: 1px solid #800;
    background-color: #b00;
}

/* =roleselector */
.evenRole, .oddRole {
    width: 263px;
    height: 18px;
}
.evenRole {
    background-color: #ddd;
}
.evenRole strong, .oddRole strong {
    display: block;
    float: left;
    width: 160px;
    text-align: left;
}
.evenRole span, .oddRole span {
    display: block;
    float: left;
    width: 25px;
    padding: 2px 0;
    text-align: center;
}
.evenRole .odd {
    background-color: #d0d0d0;
}
.oddRole .odd {
    background-color: #e0e0e0;
}

/* =groupbox */
.groupbox {
    padding: 8px;
}
.groupbox.halfwidth {
    float: left;
    width: 252px;
}
.groupbox.even {
    border-top: 1px solid #ddd;
}
.groupbox.odd {
    border-top: 1px solid #ccc;
    background-color: #eee;
}
.groupbox h3 {
    padding: 0;
    margin-bottom: 8px;
}
.groupbox h3, .groupbox h4 {
    color: #367;
}
.groupbox h4 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 95%;
    font-weight: bold;
}
.groupbox.collapsed h3 {
    padding-bottom: 8px;
}
.groupbox .list {
    margin: 0 16px;
    padding-bottom: 8px;
}
.groupbox .list * {
    font-size: 80%;
}
.groupbox .list a {
    font-size: 100%;
}
.groupbox .list h4 {
    margin: 0;
    padding: 0;
    color: #444;
    font-weight: normal;
    float: left;
    width: 160px;
}
.groupbox .list blockquote {
    margin-left: 160px;
}
.groupbox .list strong {
    font-size: 90%;
}
.groupbox .list .warningMarker, .groupbox .list .errorMarker, .groupbox .list .successMarker {
    font-size: 90%;
}

/* =tables */
table.noStyle {
    width: auto;
}
table {
    width: 544px;
}
td {
    padding: 2px;
    font-size: 75%;
}
td.bool {
    text-align: center;
}
td.numeric {
    text-align: right;
}
thead td {
    background-color: #afd5ad;
    font-weight: bold;
    padding: 3px 2px;
}
tfoot td {
    background-color: #ebebeb;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 90%;
}
tbody tr.even td {
    background-color: #daecf1;
}
tbody tr.odd td {
    background-color: #f0f0f0;
}
td strong {
    font-weight: bold;
    display: block;
}
td strong.nobreak {
    display: inline;
}
td em {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    font-style: italic;
    font-size: 95%;
    color: #444;
}

.clear {
    clear: both;
}

/* =paging */
.pager {
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 2px;
    text-align: right;
    font-size: 75%;
}
.pager strong {
    float: left;
}
.pager a {
    padding: 1px 4px;
    height: 12px;
    border: 1px solid #eee;
}
.pager a:hover {
    border: 1px solid #227891;
    background-color: #daecf1;
}
.pager a.current {
    font-weight: bold;
}

/* =gamebox */
.gamebox {
    margin-top: 0px;
    font-size: 75%;
}
.gamebox h4 {
    color: #227891;
    margin-top: 16px;
    font-size: 11pt;
}
.gamebox blockquote {
    border-top: 1px solid #ccc;
    background-color: #eee;
}
.gamebox .h, .gamebox .m {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    color: #505050;
    text-align: right;
}
.gamebox .h {
    width: 30px;
    font-size: 24px;
}
.gamebox .m {
    font-size: 14px;
    font-weight: bold;
    padding-top: 2px;
    margin-left: 2px;
    margin-right: 6px;
}
.gamebox .marker {
    float: right;
    font-weight: bold;
}
.gamebox .marker span {
    background-repeat: no-repeat;
    background-position: left 1px;
}
.gamebox .marker .cancel {
    color: #f00;
    background-image: url('../images/error_bullet.gif');
    padding-left: 12px;
}
.gamebox .marker .draft {
    color: #aa0;
    background-image: url('../images/warning_bullet.gif');
    padding-left: 14px;
    background-position: left top;
}
.gamebox .marker .go {
    color: #0c0;
    background-image: url('../images/success_bullet.gif');
    padding-left: 13px;
}
.gamebox .location {
    margin-left: 56px;
    margin-top: 1px;
}
.gamebox .teams {
    margin-left: 56px;
    padding-bottom: 2px;
}
.gamebox .teams em {
    color: #888;
}

/* =downloads */
.download {
    margin-top: 16px;
}
.download .icon {
    width: 48px;
    height: 48px;
    margin: 2px 8px 6px 0;
    float: left;
    background-image: url('../images/icons/blank.gif');
    background-repeat: no-repeat;
}
.download .doc, .download .rtf { background-image: url('../images/icons/doc.gif'); }
.download .pdf { background-image: url('../images/icons/pdf.gif'); }
.download .zip { background-image: url('../images/icons/zip.gif'); }
.download .xls { background-image: url('../images/icons/xls.gif'); }
.download .ppt { background-image: url('../images/icons/ppt.gif'); }
.download .html, .download .htm { background-image: url('../images/icons/html.gif'); }
.download .jpeg, .download .jpg, .download .gif, .download .bmp, .download .png { background-image: url('../images/icons/jpeg.gif'); }
.download .type {
    border-top: 1px solid #ccc;
    background-color: #eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    padding: 1px;
    color: #444;
    margin-left: 56px;
}
.download blockquote {
    font-size: 80%;
}

/* =forums */
.forumTitle {
    margin: 12px 0;
    border-top: 1px solid #ccc;
    background-image: url('../images/forum_title_bg.gif');
    background-repeat: repeat-x;
    padding: 0 2px;
}
.forumTitle h3 {
    padding: 0;
}
.forumTitle blockquote {
    font-size: 80%;
}
.forumPost {
    margin: 16px 0;
    font-size: 75%;
}
.forumPost .header {
    border-left: 2px solid #888;
    background-color: #eee;
}
.forumPost .header div {
    margin: 2px;
}
.forumPost .header strong {
    display: block;
    width: 48px;
    float: left;
}
.forumPost .header em {
    font-weight: bold;
    font-style: normal;
}
.forumPost a.help, .forumTitle a.help {
    display: block;
    margin-top: 4px;
    font-size: 90%;
}
.forumPost .author0 { border-color: #090; background-color: #bfb; }
.forumPost .author0 em { color: #090; }
.forumPost .author1 { border-color: #009; background-color: #def; }
.forumPost .author1 em { color: #009; }
.forumPost .author2 { border-color: #660; background-color: #ffa; }
.forumPost .author2 em { color: #660; }
.forumPost .author3 { border-color: #930; background-color: #fec; }
.forumPost .author3 em { color: #930; }
.forumPost .author4 { border-color: #606; background-color: #fdf; }
.forumPost .author4 em { color: #606; }
.forumPost .author5 { border-color: #096; background-color: #cff; }
.forumPost .author5 em { color: #096; }

/* =reports (game, misconduct, assignment, etc.) */
.report {
    background-image: url('../images/forum_title_bg.gif');
    background-repeat: repeat-x;
    padding: 8px 0;
}
.report.collapsed {
    padding: 0;
}
.report h4 {
    background: none;
    width: 160px;
    float: left;
    font-size: 75%;
    font-weight: normal;
    color: #555;
}
.report h4 input {
    margin-top: -4px;
}
.report h4 select {
    margin-top: -4px;
    font-size: 80%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 70px;
}
.report h4 label {
    font-size: 90%;
    color: #888;
}
.report blockquote {
    font-size: 75%;
    margin-left: 160px;
    margin-bottom: 4px;
}

/* =payfrequency */
#payFrequency {
    width: 200px;
    float: right;
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    padding: 4px;
    margin: 4px 0 0 8px;
    color: #555;
}
#payFrequency h4 {
    font-size: 75%;
}
#payFrequency p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    margin-bottom: 8px;
}

/* Pictures */
#pictures img,
#pictures a {
    border:none;
}
#pictures #current {
    text-align:center;
}
#pictures .caption {
    margin:1em 2em;
    text-align:center;
}
#pictures #thumbnails {
    list-style-type:none;
}
#pictures #thumbnails li {
    float:left;
    margin:0;
    text-align:center;
    width:80px;
}
#pictures #thumbnails li a {
    border:1px solid #fff;
    display:block;
    padding:8px 0;
    width:100%;
}
#pictures #thumbnails li.selected a {
    background-color:#d1e9ef;
    border:1px solid #278caa;
}