TD {font-size:12px;FONT-FAMILY: mingliu,新細明體;line-height:1.55em;}
TD[align=center] {text-align:center}
TD[align=right] {text-align:right}
BODY {font-size:12px;FONT-FAMILY: mingliu,新細明體;color:#222;line-height:1.55em;}
SELECT {FONT-FAMILY: mingliu,新細明體;font-size:12px;color:#222;padding-top:3px;padding-bottom:3px;}
SELECT[size=1] {FONT-FAMILY: mingliu,新細明體;font-size:12px;color:#222;height:22px;padding-top:3px;padding-bottom:3px;}
INPUT {FONT-FAMILY: mingliu,新細明體;font-size:12px;color:#222;padding-top:3px;padding-bottom:3px;}

html {
    overflow-y: scroll;
}
.box
{
    BORDERCOLOR : navy;
    BORDER-BOTTOM: #A7C1E4 thin inset;
    BORDER-LEFT: #A7C1E4 thin ridge;
    BORDER-RIGHT: #A7C1E4 thin ridge;
    BORDER-TOP: #A7C1E4 thin ridge;
    BORDER-WIDTH: 1pt;
    BACKGROUND: #ffffff;
    COLOR:  #222;
    FONT-DECORATION: bold;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE: 12px;
    word-break:break-all;
}

.box_bottom
{
    BORDERCOLOR : navy;
    BORDER-BOTTOM: #A7C1E4 thin inset;
    BORDER-LEFT: none;
    BORDER-RIGHT: none;
    BORDER-TOP: none;
    BORDER-WIDTH: 1pt;
    BACKGROUND: #ffffff;
    COLOR:  #222;
    FONT-DECORATION: bold;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE: 12px;
    word-break:break-all;
}

.box_no_border
{
    border: 0px none;
    BACKGROUND: #ffffff;
    COLOR:  #222;
    FONT-DECORATION: bold;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE: 12px;
    word-break:break-all;
}

.no-border {
    border: 0px none;
}

.focusInBox
{
    BORDERCOLOR : navy;
    BORDER-BOTTOM: #A7C1E4 thin inset;
    BORDER-LEFT: #A7C1E4 thin ridge;
    BORDER-RIGHT: #A7C1E4 thin ridge;
    BORDER-TOP: #A7C1E4 thin ridge;
    BORDER-WIDTH: 1pt;
    BACKGROUND: #FFE1D2;
    COLOR:  #222;
    FONT-DECORATION: bold;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE: 12px;
    word-break:break-all;
}

.btnIMG1 {position:relative;left:13;top:-17;font-size:12px;color:black;}
.btnIMG2 {position:relative;left:13;top:-16;font-size:12px;color:white;}

.BlueRed:visited {color: blue}
.BlueRed{color: blue; text-decoration: none;}
.BlueRed:active {color: blue}
.BlueRed:hover {color: red; text-decoration: none;}

.DarkBlueRed:visited {color: darkblue}
.DarkBlueRed{color: darkblue; text-decoration: none;}
.DarkBlueRed:active {color: darkblue}
.DarkBlueRed:hover {color: red; text-decoration: none;}

.RedBlue:visited {color: red}
.RedBlue{color: red; text-decoration: underline;}
.RedBlue:active {color: red}
.RedBlue:hover {color: red; text-decoration: underline;}

.GrayBlue:visited {color: gray}
.GrayBlue{color: gray; text-decoration: none;}
.GrayBlue:active {color: gray}
.GrayBlue:hover {color: blue; text-decoration: underline;}

.GreenBlue:visited {color: green}
.GreenBlue{color: green; text-decoration: none;}
.GreenBlue:active {color: green}
.GreenBlue:hover {color: blue; text-decoration: underline;}

TABLE.monitorBussiness
{
	BORDER-COLLAPSE: collapse;
	BORDER: 2px solid #212121;
	background-color: #eff9fe;
	cursor:default;
}
TABLE.monitorBussiness TD
{
	BORDER: 1px solid #9999cc;
	PADDING: 2px;
	FONT-SIZE: 12px;
}
TABLE.monitorBussiness TH
{
	BORDER: 1px solid #9999cc;
	background-color:#ffccff;
	PADDING: 2px;
	FONT-SIZE: 12px;
	position:relative;
	top: expression(document.getElementById("ProjectView_Block").scrollTop-2); /*IE5+ only*/
}

TABLE.monitorBussiness TD.Locked
{
	BORDER: 1px solid #9999cc;
	background-color:#ffccff;
	PADDING: 2px;
	FONT-SIZE: 12px;
	position:relative;
	left: expression(document.getElementById("ProjectView_Block").scrollLeft-2); /*IE5+ only*/
}
TABLE.monitorBussiness TH.Locked
{
	BORDER: 1px solid #9999cc;
	background-color:#ffccff;
	PADDING: 2px;
	FONT-SIZE: 12px;
	position:relative;
	left: expression(document.getElementById("ProjectView_Block").scrollLeft-2); /*IE5+ only*/
}

TH.Locked
{
	z-index:99;
}

TABLE.contentData
{
	BORDER-COLLAPSE: collapse;
	BORDER: 2px solid #003366;
	background-image: url(/PMSystem/TopMgr/Images/BlueDeskBg.gif);
	cursor:default;
	width:99%;
}
TABLE.contentData TD
{
	BORDER: 1px solid #9999cc;
	PADDING: 4px;
	FONT-SIZE:12px;
}
TABLE.contentData TH
{
	BORDER: 1px solid #9999cc;
	background-color:#b0c4de;
	PADDING: 4px;
	FONT-SIZE:12px;
}

TABLE.contentData2
{
	BORDER-COLLAPSE: collapse;
	BORDER: 2px solid #9999cc;
	background-color:#f0f8ff;
	cursor:default;
	width:99%;
}
TABLE.contentData2 TD
{
	BORDER: 1px solid #9999cc;
	PADDING: 4px;
	font-size:12px;
}
TABLE.contentData2 TH
{
	BORDER: 1px solid #9999cc;
	background-color:#b0c4de;
	PADDING: 4px;
	font-size:12px;
}

TABLE.contentData3
{
	table-layout: fixed;
	BORDER-COLLAPSE: collapse;
	BORDER: 2px solid #9999cc;
	border-width:2px 0 0 1px;
	cursor:default;
	width:99%;
	FONT-FAMILY: mingliu,新細明體;
}

TABLE.contentData3 TD
{
	BORDER: 1px solid #9999cc;
	border-width:0 1px 1px 0;
	PADDING: 4px;
	font-size:12px;
}

TABLE.contentData3 th, th.locked
{
	BORDER: 1px solid #9999cc;
	border-width:1px 1px 1px 0;
	PADDING: 4px;
	font-size:12px;
	text-align: center;
	position:relative;
	font-weight: normal;
}

TABLE.contentData3 th.locked {z-index: 30;}

TABLE.contentData3 td.locked, th.locked{
	background-color: #EBF8FF;
	BORDER: 1px solid #9999cc;
	border-width:0 1px 1px 0;
	/*left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); IE5+ only*/
	left: expression(document.getElementById("ProjectView_Block").scrollLeft); /*IE5+ only*/
	position: relative;
	z-index: 10;
}

div.View_Block
{
	overflow:scroll;
	width: 960px;
	height:320px;
	scrollbar-darkshadow-color:#87B6EF;
	scrollbar-3dlight-color:#87B6EF;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#87B6EF;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:"#EEF5FC";

}

.TopLocked
{
	z-index:99;
	position:relative;
	top: expression(document.getElementById("View_Block").scrollTop); /*IE5+ only*/
}

.TitleColor
{
	color: #222;
	FONT-SIZE:12px;
	border-radius:3px;
}

.LoginTitleColor
{
	color: #FFFFFF;
	FONT-SIZE:12px;
	border-radius:3px;
}

.boxOrg
{
    BORDERCOLOR : navy;
    BORDER-BOTTOM: #A7C1E4 thin inset;
    BORDER-LEFT: #A7C1E4 thin ridge;
    BORDER-RIGHT: #A7C1E4 thin ridge;
    BORDER-TOP: #A7C1E4 thin ridge;
    BORDER-WIDTH: 1pt;
    BACKGROUND: #ffffff;
    COLOR:  #222;
    FONT-DECORATION: bold;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE: 12px;
    word-break:break-all;
}

.Rotator {
	 CURSOR: default; BACKGROUND-COLOR: white
}
.Time {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: gray; FONT-FAMILY: mingliu,新細明體;}
.Headline {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #1e3787; FONT-FAMILY: mingliu,新細明體;
}

.Veil
{
    position:absolute;
    background-color:#fff;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}

ul.ztree
{   border: 1px solid #617775;background: #f0f6e4;width:197px;height:350px;overflow-y:scroll;overflow-x:auto;
	scrollbar-darkshadow-color:#87B6EF;
	scrollbar-3dlight-color:#87B6EF;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#87B6EF;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:"#EEF5FC";
}

TABLE.tb{
    border-top: 1px solid #8c9e6b;
    border-left: 1px solid #8c9e6b;
    border-right: 0px;
    border-bottom: 0px;
    border-collapse: separate !important;
}
.tb TH{
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #8c9e6b;
    border-bottom: 1px solid #8c9e6b;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE:12px;
    font-weight: normal;
    word-wrap:break-word;
    word-break:break-all;
}
.tb TD{
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #8c9e6b;
    border-bottom: 1px solid #8c9e6b;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE:12px;
    font-weight: normal;
    word-wrap:break-word;
    word-break:break-all;
}

TABLE.tbb{
    border: 0px;
}

.tbb TH{
    border: 0px;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE:12px;
    font-weight: normal;
    word-wrap:break-word;
    word-break:break-all;
}

.tbb TD{
    border: 0px;
    FONT-FAMILY: mingliu,新細明體;
    FONT-SIZE:12px;
    font-weight: normal;
    word-wrap:break-word;
    word-break:break-all;
}

.tr_w {
    color:#000000;background-color:#FFFFFF;
}
.tr_b {
    color:#000000;background-color:#E9F0F5;
}
.tr_selected {
    color:#FFFFFF;background-color:#000080;
}

SPAN.gray {
    color:#808080;
}
SPAN.red {
    color:#FF0000;
}
p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm;margin-bottom:2pt;font-size:9pt;FONT-FAMILY: mingliu,新細明體;}


TABLE.tb2 {
	width: 99%;
	padding: 0;
	margin: 0;
}

.tb2 th {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

.tb2 th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.tb2 td.top {
    border-top: 1px solid #C1DAD7;
}

.tb2 td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

.tb2 td.alt {
	background: #F5FAFA;
	color: #797268;
}

.tb2 th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.tb2 th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
.p13 {font-size: 13.0pt;FONT-FAMILY: mingliu,新細明體;}

.div_vv
{
	width: 100%;
	height:auto;
    BORDER-BOTTOM: #E7E5E5 thin inset;
    BORDER-LEFT: #E7E5E5 thin ridge;
    BORDER-RIGHT: #E7E5E5 thin ridge;
    BORDER-TOP: #E7E5E5 thin ridge;
    BORDER-WIDTH: 1pt;
    text-align: left;
}

.pages_btns {
	PADDING-BOTTOM: 1em; LINE-HEIGHT: 30px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
.pages {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 2px
}
.pageback {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 2px
}
.pages A {
	BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; FLOAT: left; HEIGHT: 26px; OVERFLOW: hidden; BORDER-TOP: 1px solid; MARGIN-RIGHT: 2px; BORDER-RIGHT: 1px solid; PADDING-TOP: 0px; COLOR: #000; TEXT-DECORATION: none
}
.pages STRONG {
	BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; FLOAT: left; HEIGHT: 26px; OVERFLOW: hidden; BORDER-TOP: 1px solid; MARGIN-RIGHT: 2px; BORDER-RIGHT: 1px solid; PADDING-TOP: 0px
}
.pages .total {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-LEFT: 6px; PADDING-RIGHT: 4px; FLOAT: left; HEIGHT: 26px; OVERFLOW: hidden; MARGIN-RIGHT: 0px; PADDING-TOP: 0px
}
.pageback A {
	BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; FLOAT: left; HEIGHT: 26px; OVERFLOW: hidden; BORDER-TOP: 1px solid; MARGIN-RIGHT: 2px; BORDER-RIGHT: 1px solid; PADDING-TOP: 0px
}
.pages A {
	BORDER-BOTTOM-COLOR: #e6e7e1; BACKGROUND-COLOR: #fff; BORDER-TOP-COLOR: #e6e7e1; COLOR: #09c; BORDER-RIGHT-COLOR: #e6e7e1; BORDER-LEFT-COLOR: #e6e7e1
}
.pageback A {
	BORDER-BOTTOM-COLOR: #e6e7e1; BACKGROUND-COLOR: #fff; BORDER-TOP-COLOR: #e6e7e1; COLOR: #09c; BORDER-RIGHT-COLOR: #e6e7e1; BORDER-LEFT-COLOR: #e6e7e1
}
.pages A:hover {
	TEXT-DECORATION: none
}
.pageback A:hover {
	TEXT-DECORATION: none
}
.pages STRONG {
	BORDER-BOTTOM-COLOR: #09c; BACKGROUND-COLOR: #09c; BORDER-TOP-COLOR: #09c; COLOR: #fff; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c; FONT-WEIGHT: 700
}
.pages A.prev {
	BACKGROUND-REPEAT: no-repeat
}
.pages A.next {
	BACKGROUND-REPEAT: no-repeat
}
.pages A.prev {
	BACKGROUND-IMAGE: url(../images/arrow_left.gif); PADDING-LEFT: 16px; BACKGROUND-POSITION: 10% 50%;
}
.pages A.next {
	BACKGROUND-IMAGE: url(../images/arrow_right.gif); PADDING-RIGHT: 16px; BACKGROUND-POSITION: 90% 50%
}
.pageback A {
	PADDING-LEFT: 16px; BACKGROUND: url(../images/arrow_left.gif) #fff no-repeat 0px 50%
}
.pages A:hover {
	BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c
}
.pageback A {
	BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c
}
.pages A.next {
	BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c
}
.pages A.prev {
	BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c
}
.pages A.border {
	BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c
}

input.editable-select {
  background: #FFF url(../images/arrow-down.gif) right center no-repeat;
  border: 1px solid #CCC;
  padding: 2px 8px 2px 4px;
}
.editable-select-options {
  position: absolute;
  display: none;
  overflow: auto;
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 1px solid #CCC;
  z-index: 10;
}
.editable-select-iframe {
  position: absolute;
  background: #FFF;
  z-index: 9;
  display: none;
}
  .editable-select-options ul {
    margin: 0;
    padding: 0;
    z-index: 10;
    list-style: none;
    list-style-image: none;
  }
    .editable-select-options li {
      cursor: default;
      padding: 2px 4px;
    }
    .editable-select-options li.selected {
      background: blue;
      color:#fff;
    }

.PercentageBar {BORDER-BOTTOM:#DDDDDD 2px solid; BORDER-right:#DDDDDD 2px solid ;BORDER-LEFT: #000000 2px solid;BORDER-top: #000000 2px solid;}

textarea {resize: none}

.list-number ol li {
    list-style: decimal;
    margin-left: -11px;
}

::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('../images/wink.png'); /* fallback */
  background-image: url('../images/wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
  background-position: -44px center;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  border-color: #0088cc;
  outline: transparent;
}
.data-upper {
    text-transform: uppercase;
}
.data-lower {
    text-transform: lowercase;
}

.RedBlack:visited {color: #000000}
.RedBlack{color: #000000; text-decoration: none;}
.RedBlack:active {color: #000000}
.RedBlack:hover {color: red; text-decoration: underline;}