@import "common.css";

#result-box {text-align:center; visibility:hidden}
#fileinfo {text-align:center; display:none; border:2px solid #640; background:#eed ;padding:12px}

#droparea, #drop-hilight {height:100% ; width:100%; margin:0px; position:fixed; top:0; left:0}
#drop-hilight {text-align:center; background:#696; z-index:-2}
.hilight {opacity:0.5; display:block}
.unhilight {opacity:0; display:none}
.drop-image { margin:200px auto 200px auto}

.btn {border-width:2px; border-style:solid; border-radius:4px; margin:12px; padding:6px; font-weight:bold}

.enabled {border-color: #666; background:#f8f8f8; cursor:pointer; color:#000}
.disabled {border-color: #aaa; background:#ccc; cursor:default; color:#aaa}

.inputfile {width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1;}
.inputfile + label {display:inline-block}

.inputfile + label:hover, .enabled:hover { background-color: #eee }
.inputfile:focus + label, .enabled:focus { outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px }
.inputfile:active + label, .enabled:active {background-color:#ccc}


td.td-l {text-align:right; padding-right:6px; width:40%}
td.td-r {text-align:left; white-space:nowrap}

#progress {text-align:center; display:none}
#progress-bar {border:2px solid #666; overflow:hidden; width:300px; position: relative; height:40px; margin:10px auto} 
#progress-slider {position:absolute; background:#cbf; width:301px; height:41px; left:-301px; top:0px; z-index:-1}
#progress-text {position:absolute; width:100%; font-weight:bold; font-size:14px; text-align:center; margin:12px 0px; z-index:2}
#progress-warn {text-align:center; display:none; border:2px solid #c00; color:#900; background:#fff; padding:10px}

#cal-img {vertical-align:middle; position:relative; top:-2px; cursor:pointer}

#caltable {width:100%}

td.calmonth {vertical-align:top; text-align:center; padding:5px}

#calendar {font-family:Verdana; background-color:white; border:2px solid #888; padding:16px 4px 4px 4px; position:absolute;
	   left:100px; top:100px; text-align:center; z-index: 1; display:inline-block; visibility:hidden}

#popclose {float:right; position:absolute; right:5px; top:5px; font-size:9px; cursor:pointer; z-index:2}

div.half {display:inline-block; width:49%}
.cal-arrow {margin: 0px 20px}

.caltitle {padding-top:2px; font-size:12px; background-color:#FE9; border:2px solid #777}

table.wday {width:100%; border-spacing:0px}
td.wday {text-align:center; width:14%; padding:0px}

.calcell2,.calcell3,.calcell4,.calcell5 {padding:2px; font-weight:bold; font-size:10px; border:2px solid #888}

.calcell2 {background-color:#999}
.calcell3 {background-color:#ECA; cursor:pointer}
.calcell4 {background-color:#AAD; cursor:pointer}
.calcell3:hover,.calcell4:hover {color:#F00; background-color:#FF0}

.warning-msg {display:inline-block; margin:10px auto; border:3px solid #800; background:#fff8bb; padding:10px}
.success-msg {display:inline-block; margin:10px auto; border:3px solid #6C8; background:#ccf; padding:10px}