a:link {  color: red; text-decoration: underline;}
a:visited {  color: purple; text-decoration: underline;}
a:hover {  color: black; text-decoration: none;}
.logo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; color: #6666CC}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
.text2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #EEEEEE}
.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #6666CC}
.h2 { background: rgb(100,200,30); font-family: arial; padding: 5px; }
.hr { margin: 20px;}            
.loginlabel { color: navy; font-size: 8pt; }
.row_header { background: rgb(0,0,0); }

.column_id { 
 border-bottom: solid gray 1px;
   border-right: solid gray 1px;
   padding: 3px;
   border-top: solid gray 1px;
   color: white;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   width: 50px;
   background: rgb(0,0,0);
   border-left: solid gray 1px;
}

.column_puzzle { 
 border-bottom: solid gray 1px;
   border-right: solid gray 1px;
   padding: 3px;
   border-top: solid gray 1px;
   color: white;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   width: 350px;
   background: rgb(0,0,0);
   border-left: solid gray 1px;
}

.column_category { 
 border-bottom: solid gray 1px;
   border-right: solid gray 1px;
   padding: 3px;
   border-top: solid gray 1px;
   color: white;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   width: 150px;
   background: rgb(0,0,0);
   border-left: solid gray 1px;
}

.column_hint { 
 border-bottom: solid gray 1px;
   border-right: solid gray 1px;
   padding: 3px;
   border-top: solid gray 1px;
   color: white;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   width: 75px;
   background: rgb(0,0,0);
   border-left: solid gray 1px;
}

.column_author { 
 border-bottom: solid gray 1px;
   border-right: solid gray 1px;
   padding: 3px;
   border-top: solid gray 1px;
   color: white;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   width: 75px;
   background: rgb(0,0,0);
   border-left: solid gray 1px;
}

.name {
	border-top: solid gray 1px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    width: 125px;
}

.displayTableData {
   border-bottom: solid gray 1px;
   border-right: solid gray 1px;
   padding: 3px;
   border-top: solid gray 1px;
   color: white;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   width: 200px;
   background: rgb(0,0,0);
   border-left: solid gray 1px;
}

.displayTable 
{
	border-left: solid gray 1px;
	font-family: arial;
	font-size: 9pt;
	margin-left: 30px;
	border-bottom: solid gray 1px;
	border-right: solid gray 1px;
	padding: 3px;
	border-top: solid gray 1px;
	text-align: left;
	border-top: solid gray 1px;
}

.rowbottom { border-bottom: solid gray 1px; border-left: solid gray 1px; }

/* Layout */
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
#content { padding-bottom: 3em; }
#footer { clear: both; position: relative; z-index: 10; height: 3em; margin-top: -3em; }