body {
background: #999;
/* zoom: 2; -moz-transform: scale(1.2); */
}
.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;

    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.transbar {
    width: 256px;
    height: 20px;
    background: #e8e8e8;
    border: 1px solid #aaa;
}

.transbarfill {
    width: 256px;
    height: 20px;
    background: #4a4;
    border-right: 1px solid #777;
}

.transbarfillpartial {
    width: 256px;
    height: 20px;
    background: #9a4;
    border-right: 1px solid #777;
}

.abtn {
    background-color:#eee;
 margin:2px;
padding: 2px;
    border:1px solid #333;
   text-decoration: none;
   color: black;


    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.rowColor0 {
    background: #ccc;
}

.rowColor1 {
    background: #eee;
}

.bigtable td {
    border: 1px dotted #bbb;
}

.name_error {
    background: #fbb;
}

.error {
    color: #a00;
}

.name_good {
    background: #bfb;
}

.postip { 
    display:none; 
    font-size:12px; 
    height:128px; 
    width:128px; 
    padding:0px; 
    color:#fff;     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:    0 0 20px #000; 
    -webkit-box-shadow: 0 0 20px #000;
}

.basictooltip{ 
    display:none; 
    background:transparent url(/img/black_arrow.png);
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

#main_content {
    background: white;
padding: 4px;
}

.fullboard {
    width: 128px;
    height: 128px;
    border: none;
}

 .miniboard {
    width: 32px;
    height: 32px;
    border: none;
}

.maintitle a {
   color: #444; 
   text-decoration: none;
   font-family: Cambria, "Times New Roman", Times, serif;
   font-size: 150%;
	padding-left: 8px;
	padding-right: 8px;
}

#name_field, #pw_field {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}

#login_link, #reg_link {
   font:  14px verdana, arial, sans-serif;
}

.watermarked {
    color: #999;
}

.pagemenu {
   text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
   color: black;
   font:  14px verdana, arial, sans-serif;
}

.pagetab {
   background-color: #ddd;
   border-left: 1px solid black;
   border-bottom:4px solid #ddd;
}

.pagetabsel {
   background-color: #ffd;
   border-left: 1px solid black;
   border-bottom:4px solid #FF9C08;
}

.pagetab-rtl {
   background-color: #ddd;
   border-right: 1px solid black;
   border-bottom:4px solid #ddd;
}

.pagetabsel-rtl {
   background-color: #ffd;
   border-right: 1px solid black;
   border-bottom:4px solid #FF9C08;
}

.impl {
    background-color: #4d4;
    text-align: center;
    color: #040;
}

.nimpl {
    background-color: #f66;
    text-align: center;
    color: #400;
}

.partimpl {
    background-color: #ff6;
    text-align: center;
    color: #400;
}

.todoimpl {
    background-color: #aaa;
    text-align: center;
    color: #400;
}

th {
   font-family: sans-serif;
}

th > a {
    color: #004;
}

td > a {
    color: #004;
}

#nav  {
    border: 1px solid black;
    background: #fff;
}

h2 {
   font-family: sans-serif;
   font-size: 150%;
   background-color: #9aa;
color:white;
    border: 1px dotted black;
    padding: 4px;
}

h3 {
   font-family: sans-serif;
   font-size: 120%;
    border: 1px dotted black;
    padding: 4px;
}

.userinfo {
   border-left: 1px solid black;
}

.userinfo-rtl {
   border-right: 1px solid black;
}

td.impl0 {
    text-align: center;
    background-color: #fdd;
}

td.impl1 {
    text-align: center;
    background-color: #dfd;
}

td.impl2 {
    text-align: center;
    background-color: #ffd;
}

#tkey th {
    padding: 8px;
}

.ideal-bg {
    background: #070;
}
.good-bg {
    background: #560;
}
 .bad-bg {
    background: #a33;
}
 .trick-bg {
    background: #daa520;
}
 .question-bg {
    background: #00bfff;
}

#markuptbl td {
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    padding: 4px;b
}

#markuptbl {
    border: 1px solid #666;

}

/* CSS Tabs is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/ */

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */