@charset "utf-8";
body{min-height:100%;/*background-color:#acd7ff;*/}
.marginCon{margin:0 15px;}
.paddingCon{padding:15px;}
.loginBg{background:#acd7ff url(../images/loginBg.png) repeat-x;}
.logoBg{width:100%; height:160px;margin:0 auto;padding:0; text-align:center; background:url(../images/logoSilver.png) center center no-repeat}
.logo{width:256px; height:131px;margin-top:27px; background:url(../images/logo2.png) center center no-repeat}
.ui-btn-hover-loginButton,.ui-btn-up-loginButton{color:#fff; text-decoration:none;background:#3F0 url(../images/loginBtn.png) repeat-x}
.ui-btn-hover-loginButton{background:#3f0  url(../images/loginBtnHover.png) repeat-x}
.centerBtn{text-align:center}
.portrait, .portrait .ui-page {min-height: 320px;}
#menuList .contentBg{ background:#e3f1ff url(../images/contentBg.png) repeat; border-bottom:0px;}
#menuList .ui-btn{text-align:left;}
#menuList div.ui-select span.ui-btn-inner{padding-left:40px; background:url(../images/menuListPic.png) no-repeat }

#sendInfo .people,#sendInfo .netcallCon,#sendInfo .attach{width:4em;}
img.deleteBtn{width:16px; height:20px; background: url(../images/cross.png) center center no-repeat;}
#personList ul li{height:52px;}
#personList ul li div.ui-btn-inner{padding:0;padding-left:70px;}
#personList ul li div.ui-btn-inner div.ui-btn-text h3{padding-top:0;}
h3.ui-li-heading  span.sendTime{font-size:0.8em; color:#666;padding-left:2em}
.newHome{height:32px; width:32px; font-size:1px; margin:6px 6px 6px 2px;}
.newBack{height:32px; width:32px; font-size:1px; margin:6px 6px 6px 100px;}
.newBtn{height:32px; width:32px; font-size:1px; margin:6px;}
/*login*/
#logoBg { background: url(../images/logo3_bg.png) no-repeat center top; }
#logoBg h1 img { width: 100%; height: 200px; margin-top: 5px; background: url(../images/logo.png) no-repeat center center; }
#loginInputs { height: 76px; padding: 5px; padding-left: 10px; margin: 5px 15px; border: 1px solid #f1f1f1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(../images/logininput_left.png) center left no-repeat, url(../images/logininput_right.png) center right no-repeat, url(../images/input_bg.png) 0 0 repeat-x; }
#loginInputs input { display: block; margin: 12px; border: 0; height: 1.1em; line-height: 1.1em; width: 95%; font-size: 1.7em; background-color: transparent; }
#loginInputs .userImg { background: url(../images/username.png) center left no-repeat; }
#loginInputs .pwdImg { background: url(../images/password.png) center left no-repeat; }
#btnAll .loginBtn, #btnAll .changePassword { display: block; height: 44px; width: 100%; border: 0; line-height: 44px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999; background: url(../images/loginbtn3.png) repeat-x; text-align: center; color: #fff; font-size: 1.8em; cursor: pointer; }
#btnAll .changePassword { background-image: url(../images/changePwd3.png); color: #666; border: 1px solid #afbfcd; }
.greyColor { color: #ccc; }
#wapperLogin { min-width: 210px; width: 100%; max-width: 400px; margin: 0 auto; }
.rememberDiv { padding: 10px 5px 7px 0; font-size: 1.5em; line-height:1.5em; }
.rememberDiv div.noremember, .rememberDiv div.remember { padding-left:25px; background:url(../images/form-check-off.png) left center no-repeat; }
.rememberDiv div.remember { background-image:url(../images/form-check-on1.png) }
/*changePwd*/
#changeBody { background-color: #000; height: 100%; }
#changePage .content { margin: 20px; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 0 0 10px #000; padding: 10px; background: #ececec url(../images/popChangeHeader.png) top center repeat-x; }
#changePage .content .header { text-align: center; line-height: 23px; height: 43px; font-size: 1.5em; }
#changePage .content .header a { position: absolute; left: 30px; top: 28px; width: 26px; height: 26px; background: url(../images/closeYellow.png) top left no-repeat; }
.newPwd input { display: block; margin: 12px; width: 90%; height: 2.5em; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow: 0 0 6px #000; background-color: #FFF; padding-left: 3px; line-height: 1.2em; font-size: 1.2em; }
.confirmBtns { text-align: center; }
.confirmBtns button { padding: 5px 10px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow: 0 0 4px #000; margin: 1em; font-size: 1.5em; line-height: 1.5em; cursor: pointer; }
.greyBtn { border: 1px solid #ccc; background-color: #fff; color: #444; }
.blueBtn { border: 1px solid #145072; background-color: #477ead; color: #fff; }
.newPwdInput { background: url(../images/newPwd.png) left center no-repeat; }
.repeatPwdInput { background: url(../images/repeatNewPwd.png) left center no-repeat; }
/*home.aspx*/
input { outline: none; }
#wapper { min-width: 210px; width: 100%; margin: 0 auto; }
.clearBoth { clear: both; font-size: 0; height: 0; }
#selfInfo { padding: 15px; font-size: 1.2em; line-height: 1.2em; color: #53658a; border-top: 1px solid #c1d5e9; -moz-box-shadow: 0px 5px 10px #d8eafc inset; -webkit-box-shadow: 0px 5px 10px #d8eafc inset; box-shadow: 0px 5px 10px #d8eafc inset; background-color: #fbfbfb; }
#selfInfo img { float: left; margin-right: 10px; box-shadow: 0px 0px 8px #8cbdee; -webkit-box-shadow: 0px 0px 8px #8cbdee; -moz-box-shadow: 0px 0px 8px #8cbdee; padding: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#selfInfo span { color: #000; line-height: 1.2em; font-size: .9em; }
#selfInfo span.goodMorning { color: #1168ab; line-height: 1.2em; font-size: .9em; }
#selfInfo input#exit { color: #000; float: right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 0px 5px #666; padding: 0.8em; border: 1px solid #cfcfcf; background: white; background: -moz-linear-gradient(top, #fff, #eee 60%); background: -webkit-gradient(linear, 0 0, 0 60%, from(#fff), to(#eee)); }
#selfInfo a#attendanceText { color: #1168ab; }
#wapBtn { text-align: center; font-size: .8em; }
#wapBtn input.indexPage, #wapBtn input.websitePage, #wapBtn input.currentPage, #wapBtn input:hover { height: 38px; line-height: 41px; width: 50%; margin: 0; padding: 0; border: 0; border: 1px solid #155678; float: left; display: block; background: -moz-linear-gradient(top, #5e9bc4, #3a6c9f 50%); background: -webkit-gradient(linear, 0 0, 0 50%, from(#5e9bc4), to(#3a6c9f)); color: #fff; font-size: 1.5em; cursor: pointer; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#wapBtn input.currentPage { background: -moz-linear-gradient(top, #84b9e3, #5494c6 50%); background: -webkit-gradient(linear, 0 0, 0 50%, from(#84b9e3), to(#5494c6)); font-size: 1.5em; cursor: pointer; }
#wapBtn input.websitePage { border-left: 0; }
#wapBtn input:hover { background: -moz-linear-gradient(top, #80b6e0, #5494c6 50%); background: -webkit-gradient(linear, 0 0, 0 50%, from(#80b6e0), to(#5494c6)); }
#wapBtn img.indexTab { width: 60px; height: 22px; position: absolute; left: 25%; margin-left: -30px; top: 7px; background: url(../images/home.png) center center no-repeat; cursor: pointer; }
#wapBtn img.portalTab { width: 60px; height: 22px; position: absolute; left: 75%; margin-left: -30px; top: 7px; background: url(../images/planet.png) center center no-repeat; cursor: pointer; }
#mainMenu { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #9dbad1; -moz-box-shadow: 0px 4px 6px #92c6fa inset; -webkit-box-shadow: 0px 4px 6px #92c6fa inset; box-shadow: 0px 4px 6px #92c6fa inset; position: relative; background: -moz-linear-gradient(top, #c8eaff, #f0f9ff 50%); background: -webkit-gradient(linear, 0 0, 0 50%, from(#c8eaff), to(#f0f9ff)); }
#mainMenu img.poparraw { width: 11px; height: 7px; background: url(../images/airPop2.png) no-repeat; position: absolute; left: 37px; top: -6px; }
#mainMenu ul { text-align: center; padding: 2em 0; }
#mainMenu ul li { float: left; width: 33.3%; text-align: center; margin-bottom: 1.5em; list-style: none; }
#mainMenu div.cells { border: 1px solid #e5e5e5; background-color: #fafafa;margin:0 2em; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
#mainMenu div.cells table tr td img#deal, #mainMenu div.cells table tr td img#read, #mainMenu div.cells table tr td img#netcall, #mainMenu div.cells table tr td img#diary, #mainMenu div.cells table tr td img#schedule, #mainMenu div.cells table tr td img#task { width: 42px; height: 42px; background: url(../images/ico.png) 0 0 no-repeat; margin-top: 5px; }
#mainMenu div.cells table tr td img#read { background-position: 0 -42px; }
#mainMenu div.cells table tr td img#netcall { background-position: 0 -84px; }
#mainMenu div.cells table tr td img#diary { background-position: 0 -126px; }
#mainMenu div.cells table tr td img#schedule { background-position: 0 -168px; }
#mainMenu div.cells table tr td img#task { background-position: 0 -210px; }
#mainMenu div.cells table tr td.bottomRight { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#mainMenu div.cells table tr td.bottom { border-bottom: 1px solid #e5e5e5; }
#mainMenu div.cells table tr td.right { border-right: 1px solid #e5e5e5; }
#mainMenu div.cells table tr td { text-align: center; }
.clearBoth { clear: both; font-size: 0; height: 0; }
.floatLeft { float: left; white-space: nowrap; }
.floatLeft span { line-height: 1.8em; font-size: 1em; }
.menuName { color: #333333; font-size: 1.1em; line-height: 1.5em; }
#footer { padding: 1em; font-size: 1.2em; line-height: 1.5em; background: -moz-linear-gradient(top, #d3e7f5, #aecfe7 50%); background: -webkit-gradient(linear, 0 0, 0 50%, from(#d3e7f5), to(#aecfe7)); }
#footer a.copy { color: #4c4f51; display: block; float: left; text-align: left; }
#footer a.right { color: #2489CE; display: block; float: right; text-align: right;font-weight: bold; }
#footer h4 { float: right; }
#footer h4 a { color: #1f438b; }
.itemNo { color: #0066CC; font-size: 1em; }