body {
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 8px;
 margin-bottom: 8px;
 color: #000000;
 background-color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
}

body.rev {
 margin-left: 8px;
 margin-right: 0px;
 margin-top: 8px;
 margin-bottom: 0px;
 color: #7CFC00;
 background-color: #000000;
 font-family: Arial, Helvetica, sans-serif;
}

input:invalid
{border-style: solid;
 border-color: red;}

.txt {
 font-size: 11px;
}

.top5 {
 font-size: 11px;
 font-weight:bold;
}
.txt12 {
 font-size: 12px;
}

.txt13 {
 font-size: 13px;
}
.txt14 {
 font-size: 14px;
}
.txt15 {
 font-size: 13px;
}
.txt16 {
 font-size: 13px;
}
.txt17 {
 font-size: 13px;
}
.txt18 {
 font-size: 13px;
}
.txt19 {
 font-size: 13px;
}
.txt20 {
 font-size: 20px;
}

a.txt {
 text-decoration: none;
 color: #DA251D;
}

a.menu {
 font-size: 13px;
 color: #DA251D;
}

a.menu12 {
 font-size: 12px;
 font-weight:bold;
 color: #0000FF;
}

a.menuc {
 font-size: 13px;
 font-weight:bold;
 color: #570052;
}


ul.catt
{list-style: none;
 margin: 15px 0 5px 0;
 padding: 0;
 clear: both;
 height: 25px;
 border-bottom: 1px solid #BBB;
 }
ul.catt li
{float: left;
 margin-right: 7px;
 line-height: 25px;
 }
li a
{text-align: center;
 text-decoration: none;
 font-weight: bold;
 display: block;
 padding: 0 6px 0 6px;
 font-size: 13px;
 color: #C80000;
 height: 25px;
 -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 }
li.sel a
{background-color: #DDDDDD;
 }

li.unsel a
{opacity:0.4;
 }
li.unsel:hover a
{background-color: #EEEEEE;
 opacity:0.8;
 }

a.white{color:white;}

table.flag{width: 100%;}

img{vertical-align: text-top;}
div.txt20 img{vertical-align: baseline;}

.about{position:fixed; background: rgba(255, 255, 255, 0.85); margin: 0; left:0px; top:0px; display:none; height:100%; width:100%; text-align:center;overflow:auto;}
.about .main{background: rgb(255, 255, 255);margin: 60px 20px; padding:15px 2px; text-align:center;font-size: 11px !important; border: 1px solid rgba(0, 0, 0, .333);-webkit-box-shadow: 4px 4px 32px rgba(0,0,0,1); -moz-box-shadow: 4px 4px 32px rgba(0,0,0,1); box-shadow: 4px 4px 32px rgba(0,0,0,1);}

.aboutb{position:fixed; background: rgba(0, 0, 0, 0.85); margin: 0; left:0px; top:0px; display:none; height:100%; width:100%; text-align:center;overflow:auto;}
.aboutb .main{background: rgb(0, 0, 0);margin: 60px 20px; padding:15px 2px; text-align:center;font-size: 11px !important; border: 1px solid rgba(255,255,255, .333);-webkit-box-shadow: 4px 4px 32px rgba(255,255,255,1); -moz-box-shadow: 4px 4px 32px rgba(255,255,255,1); box-shadow: 4px 4px 32px rgba(255,255,255,1);}


#edit{position:fixed; background: rgba(255, 255, 255, 0.85); margin: 0; left:0px; top:0px; z-index:3; height:100%; width:100%; text-align:center;overflow:auto;}
#edit table.main{background: rgb(255, 255, 255);margin: 60px 20px; padding:15px 2px; text-align:center;font-size: 11px !important; border: 1px solid rgba(0, 0, 0, .333);-webkit-box-shadow: 4px 4px 32px rgba(0,0,0,1); -moz-box-shadow: 4px 4px 32px rgba(0,0,0,1); box-shadow: 4px 4px 32px rgba(0,0,0,1);}
#edit table.main td.cap{font-size: 13px !important; font-weight: 700;}
#edit table.main span{cursor: pointer;vertical-align: top; width: 140px; margin:2px; background: rgb(255, 255, 255);padding:3px; text-align:left;font-size: 11px !important;webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block;  }
#edit table.main span:hover{background: rgb(155, 155, 155);}

#edit table.main .sel{border: 3px solid rgba(0, 0, 0,1);}
#edit table.main .unsel{border: 3px solid rgba(200, 200, 200,1);}

#edit table.main table{margin: 5px auto; padding:0px; text-align:center;font-size: 11px !important; border: 1px solid rgba(0, 0, 0, .333);border-collapse:collapse;}
#edit table.main table td{padding:1px; text-align:center;}
#edit table.main table td.del{padding:0px; font-weight: 900;}
#edit table.main table td.del:hover{background-color:#F88017;cursor:pointer;}

table.judge{border:1px solid black;border-collapse:collapse;border-spacing:0; margin: 0 auto;}
table.judge tr,table.judge td,table.judge th{border:1px solid black; white-space: normal;}
table.judge td,table.judge th{padding: 3px; text-align: left; font-size: 12px;}
table.judge tr.previous_row{background-color: #00e100;}
table.judge tr.next_row{background-color: #b4b4ff;}
table.judge tr.equal_row{background-color: yellow;}
.previous {position: absolute; background: white; border: 1px solid green;z-index: 1900;border-radius: 6px; padding: 3px 10px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3); margin-left:11px; font-size: 13px; font-weight:bold; color:green;}
.previous:after, .previous:before {border: solid transparent; content: " "; height: 0px; width: 0; position: absolute; top:50%;}
.previous:after {border-color: rgba(136, 183, 213, 0); border-right-color: white; border-right-width:10px; border-bottom-width: 5px;border-top-width: 5px; left: -13px; margin-top:-6px;}
.previous:before {border-color: rgba(245, 0, 0, 0); border-right-color: green; border-right-width:12px; border-bottom-width: 6px;border-top-width: 6px; left: -15px; margin-top:-7px;}

.next {position: absolute; background: white; border: 1px solid blue;z-index: 1900;border-radius: 6px; padding: 3px 10px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3); margin-left:11px; font-size: 13px; font-weight:bold; color:blue;}
.next:after, .next:before {border: solid transparent; content: " "; height: 0px; width: 0; position: absolute; top:50%;}
.next:after {border-color: rgba(136, 183, 213, 0); border-right-color: white; border-right-width:10px; border-bottom-width: 5px;border-top-width: 5px; left: -13px; margin-top:-6px;}
.next:before {border-color: rgba(245, 0, 0, 0); border-right-color: blue; border-right-width:12px; border-bottom-width: 6px;border-top-width: 6px; left: -15px; margin-top:-7px;}

.equal {position: absolute; background: yellow; border: 1px solid #f50000;z-index: 1900;border-radius: 6px; padding: 3px 10px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3); margin-left:11px; font-size: 13px; font-weight:bold; color:red;}
.equal:after, .equal:before {border: solid transparent; content: " "; height: 0px; width: 0; position: absolute; top:50%;}
.equal:after {border-color: rgba(136, 183, 213, 0); border-right-color: yellow; border-right-width:10px; border-bottom-width: 5px;border-top-width: 5px; left: -13px; margin-top:-6px;}
.equal:before {border-color: rgba(245, 0, 0, 0); border-right-color: #f50000; border-right-width:12px; border-bottom-width: 6px;border-top-width: 6px; left: -15px; margin-top:-7px;}
