@charset "utf-8"; html, body { margin:0; height:100%; }
table { border-collapse:collapse; border-spacing:0; } ul,li { list-style-type:none; text-align:left; } 
body,div,ul,li,p,h1,h2,h3,h4,h5,h6,table,tbody,tr,td,ol,dl,dt,dd,fieldset,legend { margin:0; padding:0; }
body { text-align:center; /*font-family:"Lucida Grande",Helvetica,Times,Arial,Verdana,sans-serif;*/ } a { text-decoration:none; }

#mainpannel { height:100%; } img.avatar { width:40px; height:40px; border-radius:20px; }
#main-left { width:80px; background-color:#ccc; height:100%; float:left; } #main-right { height:100%; width:auto; overflow:scroll; }
.input-group { margin-bottom:5px; } .input-group>select { height:35px; min-width:40px; border-radius:0; } .btn-group { margin-bottom:5px; }
*.wrapper { margin:0; padding:0; overflow:scroll; } *.hid { display:none; } *.cls { clear:both; } #basepannel { position:relative; height:100%; }

.tree-wrapper { text-align:left; height:40px; line-height:40px; } .tree-wrapper>label { color:black; padding:1px 15px; font-size:14px; text-align:center; }
.tree-wrapper>select { min-width:100px; width:100px; height:30px; border:1px solid #ccc; border-radius:0px; margin-right:10px; vertical-align:middle; }

.float-btn { cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; border-radius:15px; background-color:#ccc; position:absolute; top:-5px; right:-5px; z-index:999; }
.float-btn>a { color:black; }

div.top-navi a { color:black; font-size:35px; margin-left:20px; margin-bottom:10px; }
div.top-navi>ul { width:100%; text-align:center; margin-top:15px; } div.top-navi>div { position:absolute; bottom:10px; }

.article-wrapper { padding:10px; text-align:left; text-indent:30px; } .article-wrapper pre { text-indent:0; }

/* modal-style : start */
div.modal-window { width:45%; min-height:400px; height:450px; padding:40px 15px; position:relative; overflow:hidden; box-shadow:10px 10px 5px #888888; background-color:white; border-radius:5px; margin:50px auto; }
div.modal-wrapper { width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden; text-align:center; } div.modal-cntt { height:400px; overflow-y:scroll; margin-top:10px; }
.trans {
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.8); background:transparent\9; zoom:1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
}
div.modal-window>h3 { position:absolute; left:0; text-align:center; height:45px; min-height:45px; line-height:45px; padding:0; margin:0; width:100%; }
div.modal-window>h3.modal-header { background-color:#e9f4fa; font-size:20px; top:0; } div.modal-window>h3.modal-footer { font-size:20px; bottom:0; }
/* modal-style : end */

/* assess-sheet-style : start */
.assess-sheet-wrapper { margin:10px; width:auto; text-align:left; }
.assess-sheet { position:relative; }
dt.assess-sheet { margin-left:10px; } dt.assess-sheet>h4 { background-color:#e9f4fa; padding:10px; margin:20px 10px; }
dd.assess-sheet { margin-left:20px; } dd.inline-sheet { display:inline-block; }
dd.assess-sheet input[type="text"] { border-top:none; border-left:none; border-right:none; border-bottom:1px solid #ccc; }
dd.assess-sheet label { padding:3px 5px; font-weight:normal; color:black; margin-right:15px; }
dd.assess-sheet textarea { padding:3px 5px; font-weight:normal; color:black; margin-right:15px; width:97%; height:150px; border:1px solid #ccc; }
/* assess-sheet-style : end */
.myimg{width: 56px;height: 36px;float: left;}
.content{max-width:1258px;width:95%;margin:30px auto;padding:30px 2%;background-color: rgb(255,255,255);}


.code-box{padding-left: 0%;padding-top: 10px;}
.code-box p{font-size: 125%;font-weight: 500;padding-left: 2.2%;}
/*.code-box p,img{padding-bottom: 15px;}*/

.text-box{padding-left: 10px;padding-top: 10px;}
.text-box p{color:rgb(102,102,102);padding-left: 10px;padding-top: 10px;padding-bottom: 10px;}

.table-fix{border-bottom:solid 1px #ccc;border-top:none;}
.mytable{display:table;width:100%;table-layout:fixed;}
.table-bg{background:rgb(142,143,151);color:white;}
.mytable .cella{color:rgb(255,255,255);display:table-cell;text-align:center;border-top:solid 1px #ccc;padding:14px 0;vertical-align:middle;overflow:hidden;}
.mytable .cellb{background-color: rgb(243,243,243);color:rgb(102,102,102);display:table-cell;text-align:center;border-top:solid 1px #ccc;padding:14px 0;vertical-align:middle;overflow:hidden;}
.mytable .cellc{background-color: rgb(255,255,255);color:rgb(102,102,102);display:table-cell;text-align:center;border-top:solid 1px #ccc;padding:14px 0;vertical-align:middle;overflow:hidden;}

.mytable .cell{display:table-cell;text-align:center;border-top:solid 1px #ccc;padding:14px 0;vertical-align:middle;overflow:hidden;}
.mytable .cell+.cell{border-left:solid 1px #ccc;}
.mytable a,.edit{color:#666;cursor:pointer;}
.mytable a:hover{text-decoration:underline;}
.mytable .edit:hover{text-decoration:underline;}
.mytable .edit{display: inline;}
.mytable .delete{display: inline;}

.add-coach{display:none;}
.add-coachbg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.add-coach .boxs{background:white;width:60%;height:400px;padding-bottom:16px;border:8px solid rgb(54,54,54);border-radius: 7px;overflow:hidden;position:fixed;top:38%;left:35%;z-index:10;margin:-100px -200px;}
.add-coach .title{text-align:left;background:rgb(243,243,243);padding:14px;}
.add-coach .box{margin-left:38%;margin-top: 38px;text-align: right;width: 60%;}
.add-coach .name{float:left;text-align: right;margin-right:14px;line-height:26px;color: rgb(152,152,152);}
.add-coach .input{overflow:hidden;position:relative;width: 38%;line-height:26px;border:solid 1px rgb(211,211,211);}
.add-coach .input input{float:left;width:100%;line-height:26px;text-align:center;border:none;}
.add-coach .myinput{overflow:hidden;position:relative;width: 62%;height: 120px;line-height:26px;border:solid 1px rgb(211,211,211);}
.add-coach .myinput textarea{float:left;width:100%;line-height:26px;height: 120px;text-align:left;border:none;}
.add-coach button{width:90px;height:36px;line-height:36px;font-size:16px; border-radius:4px; -webkit-border-radius: 4px;;border:solid 0px #666;background:transparent;background-color:rgb(253,166,38);color: rgb(255,255,255);font-weight: 600;display:table;margin:16px auto 0;margin-bottom:16px;cursor:pointer;outline:none;}
.add-coach button:active{background:#e9f4fa;}
.upload-box{width:270px;height:240px;overflow:hidden;overflow:hidden;margin:24px auto 30px;float: left;}
.upload-box img{width:59%;float:left;margin-left: 14%;margin-top: 6%;}
footer{text-align:center;font-size:14px;line-height:60px;margin-top:50px;}

@media screen and (max-width:600px){
	header .logo,header nav{display:none;}
	header .menu{display:block;}
}