/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body { margin: 0; padding: 0; background: #FFFFFF url(/theme/images/img01.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8A8A8A; }
h1, h2, h3 { margin: 0; font-weight: normal; color: #618C04; }
h1 { font-size: 44px; }
h2 { font-size: 18px; }
h3 { }
p, ul, ol { margin-top: 0; line-height: 140%; }
ul, ol { }
blockquote { }
a { color: #77B003; }
a:hover { text-decoration: none; }
a img { border: none; }
img.left { float: left; margin: 7px 30px 0 0; }
img.right { float: right; margin: 7px 0 0 30px; }
hr { display: none; }
.list1 { }
.list1 li { float: left; line-height: normal; }
.list1 li img { margin: 0 30px 30px 0; }
.list1 li.alt img { margin-right: 0; }

#wrapper { }

/* Header */
#header-wrapper { }
#header { width: 940px; height: 36px; margin: 0 auto; }

/* Menu */
#menu { float: left; width: 680px; height: 43px; background: url(/theme/images/img02.jpg) no-repeat left top; }
#menu ul { margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; }
#menu li { display: block; float: left; }
#menu a { display: block; float: left; height: 30px; margin: 0; padding: 13px 30px 0px 30px; background: url(/theme/images/img02.gif) no-repeat left top; text-decoration: none; text-align: center; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
#menu a:hover { text-decoration: none; }
#menu .current_page_item a { }
#menu .first { }

/* Search */
#search { float: right; width: 260px; }
#search form { float: right; margin: 0; padding: 11px 0px 0 0; }
#search fieldset { margin: 0; padding: 0; border: none; }
#search input { float: left; font: 12px Georgia, "Times New Roman" , Times, serif; border: none; }
#search-text { width: 200px; height: 18px; padding: 3px 0 0 5px; border: 1px solid #333333; background: #ECF9E4; color: #000000; }
#search-submit { height: 21px; margin-left: 10px; padding: 0px 5px; background: #5AA01B; color: #FFFFFF; }

/* Page */
#page { width: 940px; margin: 0 auto; padding: 70px 0px 0px 0px; }

/** LOGO */
#logo { width: 940px; height: 115px; margin: 0 auto; }
#logo h1, #logo p { margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #618C04; }
#logo p { margin-top: -4px; text-transform: lowercase; font-size: 13px; color: #A8A8A8; }
#logo h1 { padding-top: 10px; font-size: 48px; }
#logo a { text-decoration: none; color: #A8A8A8; }
#logo h1 a { text-decoration: none; color: #618C04; }
#banner { padding-bottom: 20px; }

/* Content */
#content { float: right; width: 670px; }
#content .title { height: 44px; text-transform: capitalize; font-size: 30px; color: #618C04; }
#content .title a { text-decoration: none; color: #618C04; }
#content .date { }
#content .meta { margin-top: -8px; margin-left: 2px; padding: 0px 30px 2px 15px; border-bottom: 1px solid #D4D8CB; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #66665E; }
#content .meta span { display: block; margin-top: -10px; }
#content .meta a { }
#content .entry { margin-bottom: 10px; padding: 10px 15px 10px 15px; }
#content .links, .links { display: block; width: 120px; height: 20px; margin: 4px; padding: 4px 0px 0px 40px; background: url(/theme/images/img03.gif) no-repeat left top; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #666666; }
#content .comments { display: block; width: 120px; height: 18px; margin: 0px; padding: 3px 0px 0px 40px; background: url(/theme/images/img07.gif) no-repeat left top; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #961A06; }
#content .input-box-big { padding: 5px; font-size: 120%; color: #618C04; border: 1px solid #618C04; background-color: #FFFBEC; }

/* Sidebar */
#sidebar { float: left; width: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; }
#sidebar li ul { margin: 0px 14px; }
#sidebar li li { margin: 0; padding: 12px 0px; border-bottom: 1px solid #E9E8DD; background: url(/theme/images/img08.gif) no-repeat left 18px; }
#sidebar li li a { padding: 0px 0px 0px 20px; font-weight: normal; color: #808080; }
#sidebar li li a:hover { color: #77B003; }
#sidebar p { margin: 0; padding: 0px 14px; }
#sidebar h2 { height: 30px; margin: 0 0 10px 0px; padding: 6px 0 2px 14px; background: url(/theme/images/img05.gif) repeat-x left top; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #618C04; }
#sidebar p { line-height: 200%; }
#sidebar a { text-align: left; text-decoration: none; font-weight: bold; }

/* Document Viewer */
#doc-view { padding: 20px; }
#doc-view h2.title { margin: 10px 0 5px 0; padding-bottom: 5px; border-bottom: 1px dotted #333; }
#doc-view p.anno { margin: 10px; }
#doc-view ul.meta { margin: 10px; }
#doc-view ul.meta li { padding: 2px; }

/* Document Cart */
#doc-cart { padding: 20px; }
#doc-cart .title { padding: 10px; text-align: center; margin: 10px auto 10px auto; border-bottom: 1px dotted #333; background-color: #FFFFCC; border: 1px solid #CC6600; width: 75%; }
#doc-cart p { margin: 10px; }
#doc-cart p.item { background: url(/theme/images/icon_document.png) no-repeat left .5em; padding: 10px 10px 10px 50px; margin: 20px; font-size: 130%; height: 75px; }
#doc-cart p.options { padding: 5px; text-align: center; margin: 10px; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-top-color: #666666; border-bottom-color: #666666; background-color: #CCCCCC; }


/* Results List */
.results-list { }
.results-list .header { }
.results-list .result-item { width: 100%; padding: 5px; margin: 5px; border-bottom-style: dotted; border-bottom-width: 2px; border-bottom-color: #008000; }
.results-list .result-button { width: 55px; float: left; padding: 10px 0 0 0; text-align: center; }
.results-list .result-option { width: 55px; float: right; padding: 10px 0 0 0; text-align: center; }
.results-list .result-title { margin: 3px; padding: 2px; font-size: 120%; font-weight: bold; position: relative; margin-left: 60px; margin-right: 60px; }
.results-list .result-desc { margin: 3px; padding: 2px; position: relative; margin-left: 60px; margin-right: 10px; }

.results-list .result-item-head { width: 100%; clear: both; padding: 10px; margin: 5px; border-bottom: 2px solid #008000; background-color: #E0E0DE; border-bottom-color: #666666; border-bottom-width: 1px; }
.results-list .result-button-head { width: 55px; float: left; font-size: 120%; font-weight: bold; }
.results-list .result-option-head { float: right; font-size: 120%; font-weight: bold; text-align: center; width: 55px; }
.results-list .result-title-head { font-size: 120%; font-weight: bold; position: relative; margin-left: 60px; margin-right: 10px; }

/* Calendar */
#calendar { }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #24130F; border-left: 1px solid #24130F; border-right: 1px solid #24130F; }
#calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; background: #24130F; }
#calendar tbody td { padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }
#calendar tfoot td { padding: 5px; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }
#calendar tfoot #next { border-top: 1px solid #24130F; text-align: right; }
#calendar tfoot #prev { border-top: 1px solid #24130F; }
#calendar .pad { border-bottom: 1px solid #24130F; }
#calendar #today { background: #24130F; }

/* Pre Test */
#pretest {width:610px; margin:auto;}
#pretest .yes {width:285px; float:left; padding:10px; position:relative;}
#pretest .maybe {padding:10px; width:585px;}
#pretest .no {width:285px; float:right; padding:10px;}
#pretest .yes h2 {padding:15px 0 0 55px; background:url(/theme/images/icons/smile_grin_48.png) top left no-repeat;height:48px;}
#pretest .no h2 {padding:15px 0 0 55px; background:url(/theme/images/icons/smile_sad_48.png) top left no-repeat;height:48px;}
#pretest p, #pretest ul {color:#000;}

/* Footer */
#footer { width: 100%; height: 100px; margin: 0 auto; padding: 0; background: #E1E1E1; }
#footer-bgcontent { }
#footer p { margin: 0; padding: 30px 0px 0px 0px; text-align: center; line-height: normal; text-transform: uppercase; font-size: 10px; }
#footer a { }

/* Forms / Example at: http://nidahas.com/sandbox/form_template.html */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }
div.form-container div { border-bottom: 1px dotted #ccc; margin-bottom: 5px; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
div.form-container p { margin: 0; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container fieldset div { padding: 0.25em 0; }
div.form-container label, div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, div.form-container span.error { color: #C00; }
div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; border: none; }
div.form-container div.buttonrow input { padding: 10px; font-size: 120%; }
div.form-container .required { border: 1px solid #000; }
/* Validation */
div.form-container label.error { background: url( 'images/unchecked.gif' ) no-repeat; padding-left: 16px; margin-left: .3em; float: right; text-align: left; }
div.form-container label.valid { background: url( 'images/checked.gif' ) no-repeat; float: right; width: 16px; height: 16px; }
div.form-container input.error { border: 1px solid red; }
div.form-container input.valid { border: 1px solid #009900; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: hidden; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: visible; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background: #000; }

#colorbox { }
#cboxTopLeft { width: 14px; height: 14px; background: url(/theme/images/controls.png) 0 0 no-repeat; }
#cboxTopCenter { height: 14px; background: url(/theme/images/border.png) top left repeat-x; }
#cboxTopRight { width: 14px; height: 14px; background: url(/theme/images/controls.png) -36px 0 no-repeat; }
#cboxBottomLeft { width: 14px; height: 43px; background: url(/theme/images/controls.png) 0 -32px no-repeat; }
#cboxBottomCenter { height: 43px; background: url(/theme/images/border.png) bottom left repeat-x; }
#cboxBottomRight { width: 14px; height: 43px; background: url(/theme/images/controls.png) -36px -32px no-repeat; }
#cboxMiddleLeft { width: 14px; background: url(/theme/images/controls.png) -175px 0 repeat-y; }
#cboxMiddleRight { width: 14px; background: url(/theme/images/controls.png) -211px 0 repeat-y; }
#cboxContent { background: #fff; }
#cboxLoadedContent { margin-bottom: 5px; }
#cboxLoadingOverlay { background: url(/theme/images/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background: url(/theme/images/loading.gif) center center no-repeat; }
#cboxTitle { position: absolute; bottom: -25px; left: 0; text-align: center; width: 100%; font-weight: bold; color: #7C7C7C; }
#cboxCurrent { position: absolute; bottom: -25px; left: 58px; font-weight: bold; color: #7C7C7C; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { position: absolute; bottom: -29px; background: url(/theme/images/controls.png) 0px 0px no-repeat; width: 23px; height: 23px; text-indent: -9999px; }
#cboxPrevious { left: 0px; background-position: -51px -25px; }
#cboxPrevious.hover { background-position: -51px 0px; }
#cboxNext { left: 27px; background-position: -75px -25px; }
#cboxNext.hover { background-position: -75px 0px; }
#cboxClose { right: 0; background-position: -100px -25px; }
#cboxClose.hover { background-position: -100px 0px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -125px 0px; right: 27px; }
.cboxSlideshow_on #cboxSlideshow.hover { background-position: -150px 0px; }
.cboxSlideshow_off #cboxSlideshow { background-position: -150px -25px; right: 27px; }
.cboxSlideshow_off #cboxSlideshow.hover { background-position: -125px 0px; }

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper { position: relative; min-height: 302px; clear: both; _height: 302px; zoom: 1; /* Feeling sorry for IE */ }
.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }
.dataTables_length { width: 40%; float: left; }
.dataTables_filter { width: 50%; float: right; text-align: right; }
.dataTables_info { width: 60%; float: left; }
.dataTables_paginate { width: 44px; *width:50px; float:right; text-align:right; }

/* Pagination nested 
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px; width: 19px; margin-left: 3px; float: left; }
.paginate_disabled_previous { background-image: url( 'images/table/back_disabled.jpg' ); }
.paginate_enabled_previous { background-image: url( 'images/table/back_enabled.jpg' ); }
.paginate_disabled_next { background-image: url( 'images/table/forward_disabled.jpg' ); }
.paginate_enabled_next { background-image: url( 'images/table/forward_enabled.jpg' );}
*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display

table.display { margin: 0 auto; width: 100%; clear: both; }
table.display thead th { padding: 3px 0px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; *cursor:hand;}
table.display tfoot th { padding: 3px 10px; border-top: 1px solid black; font-weight: bold; }
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td { padding: 3px 10px; }
table.display td.center { text-align: center; }
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 

.sorting_asc { background: url( 'images/table/sort_asc.png' ) no-repeat center right; }
.sorting_desc { background: url( 'images/table/sort_desc.png' ) no-repeat center right; }
.sorting { background: url( 'images/table/sort_both.png' ) no-repeat center right; }
.sorting_asc_disabled { background: url( 'images/table/sort_asc_disabled.png' ) no-repeat center right; }
.sorting_desc_disabled { background: url( 'images/table/sort_desc_disabled.png' ) no-repeat center right; }
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes

table.display tr.odd.gradeA { background-color: #ddffdd; }
table.display tr.even.gradeA { background-color: #eeffee; }
table.display tr.odd.gradeA { background-color: #ddffdd; }
table.display tr.even.gradeA { background-color: #eeffee; }
table.display tr.odd.gradeC { background-color: #ddddff; }
table.display tr.even.gradeC { background-color: #eeeeff; }
table.display tr.odd.gradeX { background-color: #ffdddd; }
table.display tr.even.gradeX { background-color: #ffeeee; }
table.display tr.odd.gradeU { background-color: #ddd; }
table.display tr.even.gradeU { background-color: #eee; } */
tr.odd { background-color: #E0E0DE; }
tr.even { background-color: transparent; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc

.top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; }
.top .dataTables_info { float: none; }
.clear { clear: both; }
.dataTables_empty { text-align: center; }
tfoot input { margin: 0.5em 0; width: 100%; color: #444; }
tfoot input.search_init { color: #999; }
td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; }
td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; }
.example_alt_pagination div.dataTables_info { width: 40%; }

.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor:hand;}
.paging_full_numbers span.paginate_button { background-color: #ddd; }
.paging_full_numbers span.paginate_button:hover { background-color: #ccc; }
.paging_full_numbers span.paginate_active { background-color: #99B3FF; }
table.display tr.even.row_selected td { background-color: #B0BED9; }
table.display tr.odd.row_selected td { background-color: #9FAFD1; }
 */
 .paging_full_numbers { width: 400px; height: 42px; line-height: 42px; }
/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 { background-color: #D3D6FF; }
tr.odd td.sorting_2 { background-color: #DADCFF; }
tr.odd td.sorting_3 { background-color: #E0E2FF; }
tr.even td.sorting_1 { background-color: #EAEBFF; }
tr.even td.sorting_2 { background-color: #F2F3FF; }
tr.even td.sorting_3 { background-color: #F9F9FF; }


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; }
tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }
tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }
tr.even.gradeA td.sorting_1 { background-color: #d5ffd5; }
tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }
tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }
tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }
tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }
tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }
tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }
tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }
tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }
tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; }
tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; }
tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; }
tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; }
tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; }
tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; }
tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; }
tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; }
tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; }
tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; }
tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; }
tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; }

/*
 * Row highlighting example

.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; }
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; }
 */

/*
 * KeyTable

table.KeyTable td { border: 3px solid transparent; }
table.KeyTable td.focus { border: 3px solid #3366FF; }
table.display tr.gradeA { background-color: #eeffee; }
table.display tr.gradeC { background-color: #ddddff; }
table.display tr.gradeX { background-color: #ffdddd; }
table.display tr.gradeU { background-color: #ddd; }
div.box { height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF; }
 */