*{margin:0; padding:0;}
body{maqrgin:0; padding:0; font-size:12px; font-family: 'Lato', sans-serif; color:#676767; background:#f0f0f0;}
img{border:none;}
a{text-decoration:none;}

.wrapper{width:96%; margin:0 2%; float:left; padding-bottom:20px;}
.inWrap{width:96%; margin:0 2%; float:left; margin-top:80px;}
.topNav { width: 100%;height: 33px;float: left; background: #222;}
.topNav .topLogo { float: left;  margin-top: 5px; margin-left:5px;}
.topNav .logout{float:left; margin-left:10px; font-size:14px; color:#fff; line-height:33px;}
.topNav .logout a{font-size:14px; color:#fff; line-height:33px;}

.searchBlk{width:100%; float:left; padding:20px 0; background:#e3e3e3;}
.searchBlk .textfield{width:18.1%; margin:0.5%; border:1px solid #bababa; float:left; height:40px; padding:0 1%;}
.searchBlk .button{width:10%; height:40px; background:#168dde; font-size:15px; color:#fff; line-height:40px; text-align:center; float:left; border:none; margin:0.5%; }

.sort{font-size:15px; float:left; clear:both; margin:0.5%; font-weight:700; line-height:40px;}
.sortb{clear:none;}
.searchBlk .sortfield{width:12%; margin:0.5%; border:1px solid #bababa; float:left; height:40px; padding:0 1%;}
.sortfield{width:100%; margin:0.5%; border:1px solid #bababa; float:left; height:35px; padding:0 1%;}

.resTable{float:left; margin-top:30px; background:#fff; box-shadow: 0 0 1px rgba(0,0,0,.15);} 
.resTable td{font-size:13px; border-bottom:1px solid #eaeaea;}
.resTable td .inact{background:#f77a99; color:#fff; font-size:10px; padding:3px;}
.resTable td .act{background:#6cc788; color:#fff; font-size:10px; padding:3px;}
.resTable .tabhead{ font-weight:700; border-bottom:1px solid #eaeaea;}
.resTable a{color:#676767; float:left; margin-right:10px;}
table, th, td { padding:17px 10px;}

.loginWrap{width:30%; float:none; margin:10% auto;}
.loginWrap .textfield{width:97%; margin-bottom:20px; border:1px solid #bababa; float:left; height:40px; padding:0 1%;}
.loginWrap .button{width:100%; height:40px; background:#168dde; font-size:15px; color:#fff; line-height:40px; text-align:center; float:left; border:none; }
#disperror{width:100%; font-size:13px; color:#F00; float:left; margin-bottom:20px;}

.header{width:100%; position:fixed; top:0; left:0; height:49px; background:#00ccff; z-index:11;}
.header .logo{ margin-left:67px; float:left; margin-top:8px;}
.header .Quickicons{float:right; margin:10px 38px 0 0;}
.header .Quickicons .ico{float:left; margin-right:21px; position:relative;}
.header .Quickicons .ico a{padding:5px; float:left; border-radius:5px; font-family:'Lato', sans-serif; font-size:13px; color:#fff; font-weight:400;}
.header .Quickicons .ico a:hover{background:#01abd5;}
.header .Quickicons .ico .notiCount{background: #EE3E12; padding: 3px; font-family: 'Lato', sans-serif; font-size: 10px; color: #FFF; font-weight: 400; position: absolute; border-radius: 7px; top: -7px; right: -8px;} 
.header .profCont{float:right; margin-right:67px;}
.header .profCont .profAvatar{float:left; width:35px; height:35px; border-radius:48px; -webkit-border-radius:48px; -moz-border-radius:48px; -ms-border-radius:48px; -o-border-radius:48px; border:2px solid #fff; margin:6px 19px 0 0; overflow:hidden;}
.header .profCont .profAvatar img{width:100%;}
.header .profCont .userName{float:left; font-size:15px; color:#fff; font-weight:400; line-height:49px;}
.header .profCont .drop{float:left; margin-left:10px; margin-top:15px;}
.linkbutton{color: rgb(255, 255, 255); border-radius: 5px; font-size: 18px; text-align: center; line-height: 35px; padding: 5px 30px; margin: 0px auto; text-decoration: none; background: rgb(0, 174, 239);float:left; border:none;}

.formWrap{float:left; width:90%; margin:90px 5% 20px;}
.formWrap .wrapL{width:30%; margin-right:5%; float:left;}
.formWrap .wrapL .listTitle{font-size:13px; font-weight:700; color:#313131; margin-bottom:10px; float:left; width:100%;}
.formWrap .wrapL ul{float:left; width:100%;}
.formWrap .wrapL ul li{font-size:13px; color:#313131; font-weight:400; line-height:25px;}
.formWrap .wrapR{width:65%; float:left;}
.formWrap .wrapR .RformWrap{width:100%; float:left; margin-bottom:20px;}
.formWrap .wrapR .RformWrap .fieldTitle{float:left; width:100%; font-size:15px; font-weight:700; margin-bottom:10px;}
.formWrap .wrapR .RformWrap .dropfield{float:left; width:50%; height:40px; padding:0 2%; border:1px solid #cecece;}
.formWrap .wrapR .RformWrap .rtextfield{float:left; width:95%; height:40px; padding:0 2%; border:1px solid #cecece;}
.formWrap .wrapR .RformWrap .cke_chrome{float:left;}