@charset "UTF-8";
/*
	background-color:rgba(255,255,255,0.6);	
header{height:60px;}
.pop{display:none;}
*/

header, footer {width: auto; margin:0em auto;}
header{margin:0; padding:0;}

section{
	padding:0.2em;
	width:100%;  -webkit-border-radius: 10px;  border-radius: 10px; 
	border: 1px inset yellow; min-height:500px; position:relative;
}
/*
.para{position:absolute; left:1rem; bottom:1rem;}*/

.bar{height:20px;}
.lay1{
    -webkit-border-radius: 8px;    border-radius: 8px; 
}
#popgo{display:block;}

.box1,.login{
	padding:0.4em; border-radius: 6px;	max-height:300px;
	overflow:auto;border:outset 1px yellow;
}
.box{padding:0;}

.lay1,.box1,.login,.list{
	background-color:rgba(255,255,255,0.0);
}

/********** FONT-SIZE ***********************/
.login, .box{
	font-size:1.3rem;
}
hr{width:50%; margin: 1em;}

/*
#disp{width:33%; }
*/
.lay1{clear:both;}
.zzzz{min-width:550px;}

.box2, .box3{
	width:370px;
}

.list{ min-height:130px; max-height:480px; line-height:1.6; overflow:auto;}
/*.rrx*/
#panel{
	float:right; width:250px; 	padding: 0em;	color: #222222;
    -webkit-border-radius: 10px;    border-radius: 10px; 
}
#panel1 .box{color:beige; width:384px; border:1px dotted silver;}
#panelopt{
	background-color:rgba(250,240,250,0.6);	 
	margin:0.4em 0; padding:0.4em; border:1px inset silver; 
	width:400px; border-radius: 8px; 
}
#panel a{color:blue;}

pre{text-shadow:none;
}
td{
	background-color:rgba(256,256,256,0.4);
}

#panel ol, #panel ul{width:240px; }
/*
.rrx .box{border:1px outset yellow; font-size:12px;}
* a:hover {color:yellow; text-shadow:none;}
ol li,ul li{color:darkslategray;}h5, color:#111111;  font-size:11px;
*/
.box1 a{margin:0 0.4em;}
.box1 * a:link, .box1 * a:visited {color: darkgreen;}
.box1 * a:hover {background:yellow;}
.box1 h4, .box2 h4{margin:0.2em 0; width:100%; color:orangered; font-size:1.2em;}

div.spacer{width:100px; height:10px;}
.select{  border-radius: 8px; border:inset yellow 1px;}
.inli{display:inline;}

.alert{	color:crimson;}

#panel h3 {
	color:darkgreen;
	border-top: 3px dotted gray;
	border-bottom: 3px dotted gray;
	margin: 0 0 1em 0; width:300px;
}

h2, h3 {color:brown; margin:0.6em 0 0.4em 0; }
h4 {
	color:maroon; 
}
h1 {color:darkgreen; padding:0; }

/*
    box-shadow: 0px 0px 6px #ddd;
a.af:link, a.af:visited {color:white;}
*/

section > p{margin:0.6em 0; font-size:inherit; padding:0;}
section > p:first-letter{font-size:2em; margin:0 0.1em 0 -0.4em; line-height:1;}

blockquote{
	font-size:140%; font-weight:bold; color:darkgreen;
	margin:0.6em 0em; width:100%;	position:absolute; bottom: 0px;
}


/***** COMBINATIONS *****/
.front .boxa{
	border: 1px outset yellow;	padding:0.6em;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#panel .boxa{
	border: 2px inset gold;	padding:0.2em;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
	background-color:rgba(236,239,243,0.6);
}
#panel .boxb{
	margin:0.6em 0;
	background-color:rgba(250,250,240,0.6); 
	border:1px dotted silver;
}

/*
.select{}
#box1{left:500px; top:160px; width:100px;}
#disp{height:130px; margin:0.4em; padding:0;}
*/

.list td a{margin:0;}
td.achie{text-align:center;}
#loca{width:300px;}
#boxid, #box2{width:340px; color:black; }
#boxid{position:static; }
#box2{position:absolute; top:160px; left:280px; width:320px; padding:0.6em;border:none;}
#boxid .spacer{height:10px;}
#box1 .spacer,#box2 .spacer{height:10px;}


/******* FONT-SIZE ************************/
.boxa{font-size:11px;}
#box1 h5,#box2 h5, .achie, .achie *, .achie a{font-size:1.3rem;}
button.but, form input, .disp h5{font-size:1.2rem;}

/*
* button{
	padding:0 0.1em; font-size:10px;
}
.display {	width : 320px;}
*/
select{margin:0.4em 0.4em 0 0.4em;;}


table.zzzz{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.zzzz th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:white;
    background-color:#996633;
    background-image:url(./images/bg_table.gif);
    background-position:left top;
    padding:0.2em 0;
    text-align:center;	font-family: serif; font-size:11px;
}
.zzzz td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.2em 0.4em;	font-family: serif; font-size:10px;
}


/* ACHIEVE */
.achie{	background-color:white;}
.achie b{ padding:0 0.1em;}
b.ach_{color:green;}
b.achm{color:lime;text-shadow: 1px 1px 1px #222;}
b.achi{color:sienna;}

body.disp{
	background-color:#ECEFF3; width:auto;
}
.disp h5,th.tddone{color:maroon;}