@font-face {
	font-family: 'SEGOEUIL';
    
	src: url('SEGOEUIL.eot');
	src: local('SEGOEUIL'), url('SEGOEUIL.ttf') format('truetype');
    }

body { overflow: scroll; padding: 0; margin: 0; font-family: 'SEGOEUIL'; background: #EFEFF4;}

#

#container { overflow: scroll; height: auto; width: auto; }
#bg { overflow: scroll; height: auto; width: auto; }

.loader {
    position:    absolute;
    left:        50%;        /* Start with top left in the center */
    top:         50%;
    width:       50px;      /* The fixed width... */
    height:      50px;      /* ...and height */
    margin-left: -25px;     /* Shift over half the width */
    margin-top:  -25px;      /* Shift up half the height */
    background: url('icons/load.gif');
    border: 1px solid #CCC;
    z-index: 5000;
}

.setuptext {
	height: 40px;
	width: inherit;
	margin: 5px;
	background: #FFF;
	border: 1px solid #BBB;
	font: 24px normal !important;
	text-align: center;
}
.setupbtn {
	height: 40px;
	width: 200px;
	margin: 5px;
	background: #FFF;
	border: 1px solid #BBB;
	font: 24px normal !important;
	text-align: center;
}

#ios7pad {
    height: 20px;
    width: 100%;
    background: white;
    opacity:0.9;
    z-index: 99999;
    margin: -20px 0 0 0;
    padding: 0;
}

#header {
	min-height: 40px;
	width: 100%;
	background: white;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	font: 24px normal !important;
      opacity: 0.9;
}
#i7pad1 {
	height: 20px;
}
#i7pad2 {
	height: 20px;
}
.menuButton {
	height: 50px;
	width: 50px;
	margin: -5px 0 0 -5px;
	float:left;
}
.refreshButton {
	height: 50px;
	width: 50px;
	margin:  -5px 5px 0 0;
	float:right;
}
.title {
	height: 32px !important;
	padding: 4px 0 4px 10px !important;
	font: 24px normal !important;
	text-align: center;
	color: #000 !important;
    float: left;
}
#titleInner { 
	color: #000 !important;
    text-align: center;
    margin: 5px auto 0 auto;
}

#navCont {
    top: 60px;
    left: 0px;
    width: 100%;
    z-index: 99999;
    position: absolute;
}

.navbutton {
	height: 28px !important;
    width: 100% !important;
    padding:5px 5px 5px 56px !important;
	border-top: 1px solid #CCC;
	font: 18px normal !important;
}

#container { 
	padding:  0 10px 10px 10px;
	margin: 5px 0 0 0;
}

.split {
	height: 1px;
	width: auto;
	margin: 10px 5px 10px 5px;
	background: #BBB;
	clear: both;
}

#topnotice { margin: 0; padding: 0 10px 10px 10px; }
#topnotice .nottitle { font: 30px normal 'SEGOEUIL'; color: #222; }
#topnotice .subtitle { font: 24px normal 'SEGOEUIL'; color: #555; }
#topnotice .foot { font: 20px normal 'SEGOEUIL'; color: #555; }
#topnotice .body { font: 18px normal 'SEGOEUIL'; color: #222; margin-left: 10px; }
#topnotice .ribbon { display: none }
#topnotice .pad { padding-right: 45px; margin-top: 0 !important;}

#imp .pad { margin-top: -24px; }

#xnotice {
	float: right;
	height: 50px;
	width: 50px;
	margin: 10px 5px -50px 0;
}

#imp {
	margin-top: 5px;
	padding-left: 0;
}

.notice { margin: 5px 0 0 0; padding: 5px; background: #FFF; border: 1px solid #ccc; }
.nottitle { font: 24px normal 'SEGOEUIL'; color: #222; }
.subtitle { font: 20px normal 'SEGOEUIL'; color: #555; }
.foot { font: 20px normal 'SEGOEUIL'; color: #555; }
.body { font: 16px normal 'SEGOEUIL'; color: #222; margin-left: 10px; }

.dayedit { display: none }

.tt { margin: 5px 0 0 0; padding: 5px 5px 5px 35px; background: #FFF; border: 1px solid #ccc;}
.tttitle { font: 24px normal 'SEGOEUIL'; color: #222; }
.ttsub { font: 20px normal 'SEGOEUIL'; color: #555; }
.ttnum { width: 40px; padding-top: 0px; font-size: 32px; text-align: center; float: left; margin-left: -30px }

.maintitle { font: 32px normal 'SEGOEUIL'; color: #222; }
.mainsubtitle { font: 24px normal 'SEGOEUIL'; color: #555; }

.settingtextarea {
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}