﻿html {
    overflow-y: scroll
}
body {
    font-family: Arial;
    font-size: .8em;
    color: #3f3f3f;
    margin: 2px 0px 0px 0px
}
.lnk {
    cursor: pointer;
    color: #0370d6
}
.del {
    cursor: pointer;
    color: #ff0000
}
.lnkm {
    color: #0370d6
}
.lnkd {
    cursor: pointer;
    color: #ff0000
}
.b {
    font-weight: bold
}
a {
    color: #0370d6;
    text-decoration: none
}
.amenu {
    position: absolute;
    display: none;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    border-radius: 6px;
    z-index:99;
}
.amenu a {
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    z-index:99;
}
p {
    margin: 0px
}
ul {
    margin: 0px
}
.diary-bttn {
    cursor: pointer;
    width: 77px;
    height: 28px;
    background-image: url(images/bttn-send.jpg);
    font-weight: bold;
    margin: 4px 0 0 0;
    font-size: 18px;
}
.btn {
    border: 1px solid #b8c2cd;
    background-image: url('../images/popup-buttons-tiled-bg.png');
    background-repeat: repeat-x;
    font-weight: bold;
    color: #055888;
    padding: 2px 10px 2px 10px;
    cursor: pointer
}
.tl {
    background-image: url(../images/popup_top.png);
    background-repeat: no-repeat;
    font-size: 12px
}
.tc {
    background-image: url(../images/popup_top2.png);
    background-repeat: repeat-x;
    font-size: 12px
}
.tr {
    background-image: url(../images/popup_top.png);
    background-position: right;
    font-size: 12px
}
.l {
    background-image: url(../images/popup_left.png);
    background-repeat: repeat-y;
    background-color: #ffffff
}
.r {
    background-image: url(../images/popup_right.png);
    background-position: right;
    background-repeat: repeat-y;
    background-color: #ffffff
}
.bl {
    background-image: url(../images/popup_bottom.png);
    background-repeat: no-repeat;
    font-size: 12px
}
.bc {
    background-image: url(../images/popup_bottom2.png);
    background-repeat: repeat-x;
    font-size: 12px
}
.br {
    background-image: url(../images/popup_bottom.png);
    background-repeat: no-repeat;
    background-position: right top;
    font-size: 12px
}
.popuptitle {
    background-image: url('../images/blue-bar-tiled-bg.png');
    background-repeat: repeat-x;
    font-weight: bold;
    padding: 4px;
    border: 2px solid #cfcfcf;
    margin-bottom: 6px;
    border-radius: 4px
}
.calendar_table_close {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #0370d6
}
#calendar_table {
    border: 3px solid #aaaaaa;
    background-color: #ffffff;
    font-size: .9em
}
#calendar_head {
    background-color: #cccccc;
    border: 1px solid #aaaaaa
}
.calendar_weekdays {
    width: 26px;
    border: 0px solid #ffffff;
    border-bottom: 1px solid #aaaaaa
}
.calendar_dates {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #cccccc
}
#calendar_selected {
    font-weight: bold;
    color: rgb(0, 180, 0);
    border: 1px solid rgb(0, 180, 0);
    background-color: rgb(255, 255, 255)
}
#calendar_today {
    font-weight: bold;
    color: rgb(255, 70, 0);
    border: 1px solid rgb(255, 70, 0);
    background-color: rgb(221, 221, 255)
}
.hand {
    cursor: pointer
}
.disableLink {
    color: Gray;
    cursor: default
}
#tblPD td {
    padding: 4px;
    border-right: 1px solid #a3a3a3;
}
#tblPD {
    border: 2px solid #a3a3a3;
    margin-top: 4px;
}
.editSection {
    border: 1px solid #cccccc;
    padding: 8px;
    border-left: 15px solid #ff0000;
    margin-bottom: 12px;
}
.editSection .title {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
}
.editSection .img {
    display: inline-block;
    float: right;
}

.editSection_half {
    border: 1px solid #cccccc;
    padding: 8px;
    border-left: 15px solid #ff0000;
    margin-bottom: 12px;   
}
.editSection_half .title {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
}
.editSection_half .img {
    display: inline-block;
    float: right;
}

.hiddenDIV {
    min-height: 100px;
    background-color: #eee;
    margin-top: 5px;
    padding: 5px;
}
.secContent {
    margin: 10px 0 0 0;
}
.expandImg {
    position: relative;
    top: -8px;
    left: 8px;
    width: 30px;
}
.expandImg:hover {
    top: -11px;
    left: 11px;
    width: 36px;
}

.editSectioninSec {
    border: 2px solid #cccccc;    
    margin-bottom: 10px;
}

.editSectioninSec .title {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
    padding: 5px;
    font-size:13px;
}

.editSectioninSec .img {
    display: inline-block;
    float: right;    
}

.editSectioninSec .scoreType {
    display: inline-block;
    margin: 3px 10px 3px 0;
    width: 80px;
    padding:6px 10px 6px 10px;
    background-color:Green;
    color:White;
    font-size:13px;
    text-align:center;
}

.editSectioninSec .deleteDIV
{
    float:right;
    margin-top:2px;        
}

.hiddenSecDIV {
    min-height: 100px;
    background-color: #eee; 
    margin:5px 0 0 0;  
}

.secContentSec {
    margin: 0px;
}

.expandImgSec      
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 32px;
}
.expandImgSec:hover   
{        
    width: 32px;
    cursor: pointer;
}

.deleteDIV 
{   
    margin:0 20px 0 0;
    cursor: pointer;
}

#container {
	width:966px;
	margin:0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#container2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:#fff;
}

.lB{border-bottom:1px solid black;padding-top:6px}
.body1{font-family:arial;font-size:10px;color:#666666;background-image:linear-gradient(#90bb63, #31541e);margin-top:0px;min-height:100vh}
.body2{font-family:arial;font-size:12px;color:#666666;background-image:linear-gradient(#90bb63, #31541e);margin-top:0px;min-height:100vh}
.body3{font-family:arial;font-size:14px;color:#666666;background-image:linear-gradient(#90bb63, #31541e);margin-top:0px;min-height:100vh}
.body4{font-family:arial;font-size:12px;margin-top:0px;color:#666666;}
.dt{width:60px;text-align:right;color:#666666}
.hd{cursor:pointer; color:#0370d6;text-decoration:underline;font-weight:bold} 
.title{font-size:21px;color:#00a4e1}   
.pt{cursor:pointer;font-weight:bold;color:#0370d6}    
.pt2{color:#000000}   
.muact{cursor:pointer;width:208px;height:24px;background:url(../images/side_chapter_active.gif) repeat left top;padding:8px 2px 2px 8px;color:#0370d6;font-weight:bold;font-size:12px;font-family:arial} 
.muoff{cursor:pointer;width:208px;height:24px;background:url(../images/side_chapter_off.gif) repeat left top;padding:8px 2px 2px 8px;color:#CCCCFF;font-weight:bold;font-size:12px;font-family:arial} 
.muvst{cursor:pointer;width:208px;height:24px;background:url(../images/side_chapter_visited.gif) repeat left top;padding:8px 2px 2px 8px;color:#0370d6;font-weight:bold;font-size:12px;font-family:arial} 
.ddl{width:110px;color:#666666}
.dt2{width:75px;text-align:right;color:#666666}
.assddl{width:350px;color:#666666}
.subtitle{font-size:16px;color:#00a4e1;}
.sign{width:200px;color:#666666}

.popUpContent
{
    position: fixed;
    z-index: 4;
}

.mesWindowTop{border-bottom:#eee 1px solid;font-weight:bold;text-align:left;font-size:17px; background-color:#FF6633; height:35px; color:#FFFFFF;font-family:"Times New Roman",Georgia,Serif; }
.mesWindowContent{margin:4px;font-size:12px;}
.mesWindow .close{border:none;cursor:pointer;weight:32px; height:32px;position: absolute;top: -10px;right: -10px;}

.mesWindow
{
    border: #FF6633 2px solid;
    background: #fff;
    z-index: 3;
}

p {margin:0px}
ul {margin:0px}

       