body {margin:0px;	background:#fff;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;font-style: normal;font-weight: 300; color:#333;font-family:Roboto, Helvetica, sans-serif;}
.header {background: #fff url('images/he_bg.jpg') repeat-x top; height:106px;padding:0 2%;width:96%;}
.heleft {float:left; width:80%;}
.heright {float:right; width:20%;}
.herightinner {float:right;color:#3f91c3; text-align:right; font-size:13px; margin:30px 0 0 0}
.supportleft {float:left; width:80%; padding:0 0 0 0; font-size:18px; font-weight:500;line-height:60px;color:#3d8fbe}
.supportright {float:right; width:20%;}
.supportright-inner {float:right; margin:10px 0 0 0}
.supportbar {background: #fff url('images/login_support_bar.jpg') repeat-x top; height:67px;padding:0 2%;width:96%;}
.footer {background: #fff; height:50px;padding:10px 2%;width:96%; position:fixed; bottom:0px;border-top:1px solid #ccc;}
.fologo {float:left; height:50px;}
.focontent {float:left; font-size:13px; line-height:50px;}
.fo_left {float:left; width:50%;}
.fo_right {float:right; width:50%; text-align:right; height:50px; line-height:50px; font-size:13px;}
.middlesection {width:100%;padding:0px 0 0 0;}
.loginhe {background:#efefef;padding:2%;width:96%; font-weight: 500;}
.birthdayno {background:#3d90c2; height:31px; padding:0 0 0 0;width:100%;}
.birthday-caption {width:100%;background: #fff url('images/he_bg_caption.jpg') repeat-x; height:31px;color:#3d8fbe}
.caption-title {background: url('images/caption_arrow.jpg') no-repeat;padding:3px 0 0 20px; margin:0 0 0 10px; font-size:13px; font-weight:400;}
.announcement {background:#efefef;padding:2%;width:96%; font-weight: 500;}
.leftcontent {width:33%;background:#fff;-webkit-transition:all 1.0s ease-in-out;
  -moz-transition:all 1.0s ease-in-out;
  -o-transition:all 1.0s ease-in-out;
  transition:all 1.0s ease-in-out;}
.middlecontent {width:33%;background:#3d90c2;-webkit-transition:all 1.0s ease-in-out;
  -moz-transition:all 1.0s ease-in-out;
  -o-transition:all 1.0s ease-in-out;
  transition:all 1.0s ease-in-out;}
.rightcontent {width:34%;background:#fff;-webkit-transition:all 1.0s ease-in-out;
  -moz-transition:all 1.0s ease-in-out;
  -o-transition:all 1.0s ease-in-out;
  transition:all 1.0s ease-in-out;}
.middle-caption {margin:0 0 0 1%; width:99%; border-bottom:6px solid #8cc7e9}
.middle-caption-inner {padding:10px 0 10px 10%; width:90%;font-size:18px; font-weight:400; color:#fff;}
.lable {font-size:15px; color:#fff;}
.leftcontent-inner {padding:5%;width:90%;}
.birthdayicon {background:url('images/birthday.png') no-repeat;width:34px; height:29px;}
.employeetitle {font-size:15px;color:#1371aa;font-weight: 500;}
.newstitle {font-size:15px;color:#333;font-weight: 500;}
.employeecontent{font-size:13px;color:#333;font-weight: 300;}
.textboxStyle {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #ccc;padding:2px;}
.divider {padding:5px 0}
.middle-divider {background:url('images/divider_line.jpg') repeat-x;height:5px;line-height:5px;}
.label{color:#333333;font-size:12px;font-weight: bold;}
.button{border: 0px;background-image:url(images/butten.JPG);background-repeat:repeat-x;height:30px;font-weight:bold;color:#FFFFFF;}
a.button:hover{border: 0px;background-image:url(images/butten1.JPG);background-repeat:repeat-x;height:30px;font-weight:bold;color:#FFFFFF;text-decoration: underline;}
.thought-section {margin:20px 20% 0 20%;}
.thought-title {text-align:center; color:#3c92c1; font-size:25px; font-weight:500;}
.thought-content {text-align:center; color:#000; font-size:18px; font-weight:300;}
.thought-title-name {text-align:right; color:#000; font-size:12px; font-weight:500;}