<!-- 
#raidenLogo{
	width: 320;
	filter: progid:DXImageTransform.Microsoft.MotionBlur(direction=135,strength=15);
}

body{
	margin: 0px;
	padding: 0px 2px 2px 2px;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	background-color: white;
	line-height: 15px;
}

body#addressBook{
	background-image: url("/webimages/BG_addressBook.jpg");
	background-repeat: no-repeat;
	//background-attachment: fixed;
	//background-color: #4891C4;
	color: white;
	background-position: center;
	//background-size: cover;
	background-size: 100% 100%;	
}

body#addressBook tr td{
	color: black;
}

td{
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: black;
}

form{
	margin: 0px;
	padding: 0px;
}

li{
	list-style: none;
	padding: 2px;
}

.tblStyle{
	border-bottom: double 3px #816A65;
}

.tblStyle_top{
	border-bottom: solid 1px #336699;
	background-color: #336699;
}

.tblStyle2{
	border: outset 2px #e0e0e0;
	TABLE-LAYOUT: fixed; 
	word-wrap: break-word;
}

.menuStyle{
	background-color: #4791c5;
	width: 100%;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#8BBFE5,endColorStr=#D4ECFA);
}

a{
	color: blue;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
	font-weight: bold;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a.menuLink{
	color: white;
	text-decoration: none;
}

a.menuLink:hover{
	color: ;
	text-decoration: underline;
}

a.noLink{
	cursor: hand;
	text-decoration: none;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: black;
}

.folder{
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: darkblue;
	//white-space: nowrap;
	word-break: break-all;
	line-height: 150%;
}


.copyright{
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 9px;
	color: white;
	cursor: default;
}

#loginCopyright{
	position: relative;
	top: 50%;
	margin-top: 205;
	font-family: verdana;
	font-size: 9px;
	color: #336699;
}

#folderBody{
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	border: solid 1px white;
	background-color: #dbeaf5;
	padding: 10px;
	color: black;	
}

#listBody{
	background: white;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;	
	//padding: 2px;
	text-decoration: none;
	//overflow-y:scroll;
}
.tblTitle{
	border: none 2px white;
	background: #a0a0a0;
	text-align: center;
	color: black;
}

.tblTitle2{
	border: none 1px;
	background: #76A5C7;
	padding-left: 5px;
	color: white;
}

.tblRowStyle{
	background: #EBEBEB;
	border: none 2px white;
	color: black;
	border-bottom:1px #aba8a1 solid;
}

.tblRowStyle:hover > td{
	background: #e3e1e1;
	border: none 2px white;
	color: black;
	border-bottom:1px #aba8a1 solid;
}

.fontStyle{
	color: black;
}

.tblRowStyle2{
	background: #EBEBEB;
	border: none 2px white;
	color: black;
}

.tblRowStyle2{
	background: #EBEBEB;
	border: none 2px white;
	color: black;
	border-bottom:1px #aba8a1 solid;
}

.time{
	font-family: arial;
	font-size: 12px;
}

.funcOfList{
//	position:fixed;
	float: left;
	z-index: 9999;
	//padding: 10px 0px 10px 80px;
	width: 99%;
	//margin: 3px;
    //position: fixed;
    //top: 60px;
    //left: 0px;
    //right: 0px;	
	//border-bottom: solid 1px black;
	padding: 5px;
	background-color: white;
}

.listInfo{
	//position:fixed;
	//float: left;
	//z-index: 9999;	
	margin: 0px;
	border: dotted 1px black;
	padding: 3px;
	color: black;
	background-color: #dbeaf5;
	letter-spacing: 1px;
	//line-height: 18px;
	line-height: 120%;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	text-decoration: none;
	width: 100%;
	//height: 85px;
}



.listInfoNum{
	color: red;
}

.pathStyle{
	font-family: verdana;
	color: blue;
}

.btn , .btn:active{
	border-width: 1px;
	border-color: #B2CFFB;
	font-family: Tahoma, verdana;
	font-size: 14px;
	background-color: #D8D5B9;
	color: black;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#c0c0c0,endColorStr=#e0e0e0);
}


.btn_green , .btn_green:active{
	border-width: 1px;
	border-color: #B2CFFB;
	font-family: Tahoma, Microsoft Sans Serif;
	font-size: 14px;
	background: #D8D5B9;
	color: black;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#c0c0c0,endColorStr=#e0e0e0);
}



.btn_red , .btn_red:active{
	border-width: 1px;
	border-color: #B2CFFB;
	font-family: Tahoma, Microsoft Sans Serif;
	font-size: 14px;
	background: #D8D5B9;
	color: black;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#c0c0c0,endColorStr=#e0e0e0);
}



.btn_black, .btn_black:active{
	border-width: 1px;
	border-color: #B2CFFB;
	font-family: Tahoma, Microsoft Sans Serif;
	font-size: 14px;
	background: #D8D5B9;
	color: black;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#c0c0c0,endColorStr=#e0e0e0);
}


.hostFont{
	color: white;
}

.txt {
	border: solid 1px #B2CFFB;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: darkblue;
	background: white;
}

.mailbody{
	border: solid 1px #B2CFFB;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: darkblue;
	background: white;
}


.menuItem {
	background-color: menu;
	padding: 3px;
}

.highlightItem {
	background-color: highlight;
	color: white;
	padding: 3px;
}

#loginDiv{
	width: 100%;
	height: 450;
	position: absolute;
	top: 50%;
	margin-top: -200;
	background-color: #4791c5;
	border-top: double 4px #336699;
	border-bottom: double 4px #336699;
}

#normalDiv{
	display:;
}

#autoreplyDiv{
	display: none;
}

#memoDiv{
	display: none;
}

#addressDiv{
	display: none;
}

#blacklistDiv{
	display: none;
}

#pop3Div{
	display: none;
}

#passDiv{
	display: none;
}

.tabMenuHighlight{
	background-color: #EBEBEB;
	border: outset 2px #EBEBEB;
	color: black;
	padding-left: 3px;
	cursor: hand;
	width: 100%;
	text-align: center;
	border-radius:5px;		
}

.tabMenu{
	background-color: gray;
	border: inset 2px buttonface;
	color: #d0d0d0;
	padding-left: 3px;
	cursor: hand;
	width: 100%;
	text-align: center;
	border-radius:5px;		
}

.tabMain{
	border: groove 2px #EBEBEB;
	background-color: #EBEBEB;
	padding: 5px;
	border-radius:5px;	
}

.memo{
	background: #dbeaf5;
	border: solid 1px #B2CFFB;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: black;
}

.headerStyle{
	width: 100%;
	height: 100%;
	background-color: #AB7B89;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	color: white;
	padding: 5px;
}

.hrStyle{
	
}

.logoutBG{
	background-image: url("BG_logout.jpg");
	width: 380;
	height: 220;
}

.logoutBG tr td{
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: white;
}

.loginBG{
	background-image: url("BG_login.jpg");
	width: 380;
	height: 220;
}

.loginBG tr td{
	color: white;
}

.information{
	width:100%;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size:16px;
	color: black;
	background-color: ;
	text-align: left;
}

.uploadBG{
	background-image: url("BG_upload.jpg");
	color: white;
}

.uploadBG table tr td{
	color: white;
}

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.thumbnail {
  height: 100px;
}

input[type=checkbox] {
 -ms-transform: scale(1.5); /* IE */
 -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
 -o-transform: scale(1.5); /* Opera */
   padding: 5px;
   margin: 5px;
}

input[type="button"], input[type="reset"], input[type="submit"], input[type="textarea"] {
   -moz-box-shadow:0px 1px 0px 0px #000;
	-webkit-box-shadow:0px 1px 0px 0px #000;
	box-shadow: 0px 1px 0px 0px #000;	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3498DB), color-stop(1, #3498DB) );
	background:-moz-linear-gradient( center top, #3498DB 5%, #3498DB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3498DB', endColorstr='#3498DB');
	border:2px solid #3498DB;
	background-color:#3498DB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:white !important;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px 12px;
	text-decoration:none;
	cursor: pointer;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="textarea"]:hover {
   -moz-box-shadow:0px 2px 2px 0px #000;
	-webkit-box-shadow:0px 2px 2px 0px #000;
	box-shadow: 0px 2px 2px 0px #000;	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2980B9), color-stop(1, #2980B9) );
	background:-moz-linear-gradient( center top, #2980B9 5%, #2980B9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2980B9', endColorstr='#2980B9');
	border:2px solid #2980B9;
	background-color:#2980B9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:white !important;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px 12px;
	text-decoration:none;
	cursor: pointer;
}

input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, input[type="textarea"]:active {
   -moz-box-shadow:0px 1px 0px 0px #000;
	-webkit-box-shadow:0px 1px 0px 0px #000;
	box-shadow: 0px 1px 0px 0px #000;	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3498DB), color-stop(1, #3498DB) );
	background:-moz-linear-gradient( center top, #3498DB 5%, #3498DB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3498DB', endColorstr='#3498DB');
	border:2px solid #3498DB;
	background-color:#3498DB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:white !important;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px 12px;
	text-decoration:none;
	cursor: pointer;
}

input[type="text"], select, textarea, input[type="password"] {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, white), color-stop(1, white) );
	background:-moz-linear-gradient( center top, #f5f5f4 5%, #dededd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=white);
	border:1px solid #cdcdc6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:black !important;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size:16px;
	font-weight:normal;	
	text-decoration:none;
}



.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #D4D4D4;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow-y: scroll;
  height: 250px;
  width: 400px;
  border: solid 1px #717171;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  //text-align: center;
  line-height: 18px;
}

.dropdown-content a:hover {background-color: #B2B2B2}

/*Below are 2 ways to show dropdown, one is hover to show, another is click to show.*/
/*Method 1 : hover dropdown*/
//.dropdown:hover .dropdown-content {
//  display: block;
//}
/*Method 2 : click dropdown*/
.show {display: block;}

.imgbtn{
  border:0;
  //background-color:#dbeaf5;
  color:#fff;
  border-radius:12px;
  cursor:pointer;
  vertical-align: middle;
}

.imgbtn:hover{
  color:#003C9D;
  background-color:#D4D4D4;
  //border:2px #003C9D solid;
  //transform: scale(1.05);
  //box-shadow: 3px 3px #888888;
}

.imgbtn:active{
  color:#003C9D;
  background-color:#A1A1A1;
  //border:1px #A1A1A1 solid;
  //transform: scale(1.05);
  //box-shadow: 3px 3px #888888;
}

.listInfoFixed{
	position:fixed;
	float: left;
	z-index: 9999;	
	margin: 0px;
	border: dotted 1px black;
	padding: 3px;
	color: black;
	background-color: #dbeaf5;
	letter-spacing: 1px;
	//line-height: 18px;
	line-height: 120%;
	font-family: Arial, PMingLiU, Microsoft JhengHei, serif, sans-serif;
	font-size: 16px;
	text-decoration: none;
	width: 99%;
	height: 85px;
}


* {
box-sizing: border-box;
}

*:focus {
	outline: none;
}

.loginbody {
font-family: Arial;
background-color: #4791c5;
padding: 50px;
}
.login {
margin: auto;
width: 380px;
height: 330px;
	background-image: url("/webimages/BG_login.jpg");
	background-repeat: no-repeat;
	//color: white;
	background-position: center;
	//background-size: cover;
	background-size: 100% 100%;
	border-radius: 10px;
}

.login-screen {
background-color: transparent;
padding: 20px;
border-radius: 5px;
padding: 60px;
}

.app-title {
text-align: center;
color: #777;
}

.login-form {
text-align: center;
padding: 30px;
}
.control-group {
margin-bottom: 10px;
}

.login-field {
text-align: center;
background-color: #ECF0F1;
border: 2px solid transparent;
border-radius: 3px;
font-size: 16px;
font-weight: 200;
padding: 10px 0;
width: 100%;
transition: border .5s;
}

.form-field {
text-align: left;
background-color: #ECF0F1;
border: 2px solid transparent;
border-radius: 3px;
font-size: 16px;
font-weight: 200;
padding: 10px 0;
width: 250px;
transition: border .5s;
}

.logininput:focus {
border: 2px solid #3498DB;
box-shadow: none;
}

.loginbtn {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0f3a57), color-stop(1, #0f3a57) ) !important;
  background:-moz-linear-gradient( center top, #0f3a57 5%, #0f3a57 100% ) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f3a57', endColorstr='#0f3a57') !important;	
  border: 2px solid #0f3a57 !important;	
  background-color: #3498DB;	
  color: white;
  font-size: 16px;
  line-height: 30px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  display: inline-block;
}

.loginbtn:hover {
  background-color: #2980B9;
}

.login-link {
  font-size: 12px;
  color: #000;
  //display: block;
//  margin-top: 12px;
}
-->