body{background-color:#ddeeff;margin-top:30px;font-family:Verdana,Arial,Helvetica,sans-serif;}

table.bor{border-color:#ddeeff;background-color:#ffffff; border-width:0px; border-style:solid;}
th{ padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;vertical-align: bottom; }
tr.row1{ background-color:#bbddff; }
tr.row2{ background-color:#cceeff; }

td{padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;}
td.logo{padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;background-color:#689198;}

td.indent{padding-left:20px;padding-right:0px;}
td.nix{padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;}
td.sol{text-align:center;padding:3px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;background-color:#bbddff;}

td.titlebar{padding:0px;padding-right:8px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#E6F0F2;background-color: #415B5F;}
td.image{padding:0px;background-color:#689198;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 11px;}
td.header{padding:10px;padding-left:30px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 24px;color:#ffffff;background-color: #689198;}
td.navigation{padding:0px;padding-top:30px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;background-color: #689198;}
td.content{padding:30px;padding-top:30px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#000000;background-color:#FFFFFF;}
td.footer{padding:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color: #7BA0A5;background-color:#FFFFFF;}

td.black{background-color: #888888;padding:0px;}
td.white{background-color: #cccccc;padding:0px;}

td.grey{background-color: #A0A0A0;padding:3px;}
td.current{background-color: #689198;padding:3px;}

td.but{background-color: #ffffff;padding:3px;}
td.alert{background-color: #ffffff;padding:10px;text-align:justify;}

td.bad_highlight{background-color: #ff6666;}
td.caution_highlight{background-color:#ffff00;}
td.okay_highlight{background-color:#6666ff;}
td.good_highlight{background-color:#33cc66;}

a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#0000ff;font-weight: bold;text-decoration:underline;}
a:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#ff00ff;font-weight: bold;text-decoration:underline;}
a:visited{ font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#ff00aa;font-weight: bold;text-decoration:underline; }


a.black{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#000000;font-weight: bold;text-decoration:none;}
a.black:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#000000;font-weight: bold;text-decoration:underline;}
a.white{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#ffffff;font-weight: bold;text-decoration:none;}
a.white:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#ffffff;font-weight: bold;text-decoration:underline;}


p{text-align:justify;}
ul{text-align:justify;}

span.black{ color:#000000; }
span.white{ color:#bbbbbb; }

a.footer{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color:#7BA0A5;font-weight: bold;text-decoration:none;}
a.footer:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color:#7BA0A5;font-weight: bold;text-decoration:underline;}


a.normal{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;color:#426A72;text-decoration:none;}
a.idle{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;color:#b8d2d8;text-decoration:none;}

a.navigation{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#ffffff;font-weight: normal;text-decoration:none;}
a.navigation:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#ffffff;font-weight: normal;text-decoration:underline;}
a.naviactive{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#FFFFFF;font-weight: bold;text-decoration:none;}
a.naviactive:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#FFFFFF;font-weight: bold;text-decoration:underline;}


a.reg{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color:#000000;font-weight: normal;text-decoration:none;}
a.reg:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color:#000000;font-weight: normal;text-decoration:underline;}
a.sess{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#E6F0F2;font-weight: bold;text-decoration:none;}
a.sess:hover{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color:#E6F0F2;font-weight: bold;text-decoration:underline;}


td.menuitem0{padding:3px; 	padding-left:5px;background-color:#415B5F;}
td.menuitem1{padding:3px; 	padding-left:15px;background-color:#5B8085;}
td.menuitem2{padding:3px; 	padding-left:25px;background-color:#7BA0A5;}
td.menuitem3{padding:3px; 	padding-left:35px;background-color:#A1BBBF;}
td.menuitema{             	background-color:#FFFFFF;border:3px; border-style:solid; border-color:#689198;}


input.login{ border:1px solid #415B5F; font-size:9pt; width:70px; background-color:#689198; color:#ffffff;}
input.button{  border:1px solid #415B5F;font-size:9pt;font-weight: bold; width:70px; background-color:#b8d2d8; color:#415B5F;}
input.guest{ border:1px solid #415B5F; font-size:9pt; font-weight: bold;width:120px; background-color:#b8d2d8; color:#415B5F;}


td.colhead{padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;color: #FFFFFF; background-color: #689198}
td.normal{padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #415B5F; background-color:#E6F0F2}
td.empty{padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #415B5F; background-color:#FFFFFF}
td.preload{padding:0px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #415B5F; background-color:#E6F0F2}

td.idle{padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #415B5F; background-color: #FFFFFF}

td.mini{padding:3px; font-family: arial, helvetica, geneva, sans-serif; font-size: xx-small; color: #82aAb2; background-color: #FFFFFF}

h4.normal{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 14px;color:#426A72;background-color: #FFFFFF}

img.user_logo{ vertical-align: top }
img.square{ border:0px }
ul.nav{ list-style: circle; margin-left: 4px; padding-left: 4px; border-left: none; font-weight: normal; font-size: small; font-family: serif; text-align: left; margin-top: 1px;}
li.nav{ margin-top: 5px;}

.white-square{background-color: #cceeff;padding:0px; height:25px; width:25px; float:left}
.black-square{background-color: #bbddff;padding:0px; height:25px; width:25px; float:left}
.white-square-clear{background-color: #cceeff;padding:0px; height:25px; width:25px; float:left; clear:left;}
.black-square-clear{background-color:#bbddff;padding:0px; height:25px; width:25px; float:left; clear:left;}
.comment-chess-board-container{display: block; width: 50%; height: auto; background-color:#ffffff; text-align:center; clear:both; border: 1px black solid; margin-left: auto; margin-right: auto}
div.comment{background-color:#ffffff; clear:both; border:1px black solid; padding:0px}
span.comment-title{background-color: #cceeff; font-size: 2em}
span.comment-info{background-color:#cceeff; font-size:medium}
div.comment-header{background-color:#cceeff; border:1px black solid; padding:3px}
div.comment-text{padding:3px}