﻿.noneuse {}
/*body {  color: #003399;background-image: url(background.png);background-repeat: repeat-x; background-color:#978E90; font-family: "Arial", "Verdana"; }*/
body {  color: #003399; background-color:#ffffff; font-family: "Arial", "Verdana"; }
a:link, a:visited    {  text-decoration: underline; color: #005599}
a:hover, a:active   {  text-decoration: none; color: #005599}
input {	font-family: "Arial", "Verdana", "新細明體"; font-size :100%;vertical-align:middle ; padding: 0px 2px; margin: 2px;}

hr {  color: #6699cc; height: 2px}

#ft a:link, #ft a:visited    {  text-decoration: none; color: White}
#ft a:hover, #ft a:active   {  text-decoration: none; color: White}
caption, th{ text-align: center; }

#nav-menu ul {list-style: none;padding: 0;margin: 0;}
#nav-menu li{float: left;margin: 0;}
#nav-menu li a{ background: url(menubg.png) #aaa bottom left no-repeat;
line-height: 50px;float: left;width: 101px; height :54px;display: block;border: none;
color: #fff;text-decoration: none;text-align: center;font-size :14pt;
font-family: "標楷體", "新細明體"; vertical-align:text-bottom; }
/* Hide from IE5-Mac \*/
#nav-menu li a{float: none}
/* End hide */
#nav-menu{ width:100%}
#nav-menu li a:link, #nav-menu li a:visited    {  text-decoration: none; color: #fff}
#nav-menu li a:hover, #nav-menu li a:active   {  text-decoration: none; color: #FFCE3C}

#yui-main { background-color:#ffffff;}

.yui-b .yui-g table { line-height :146.5%; font-size :107%; margin-top:3px; padding :0.5em}

/*以下區段設定GridView的styles*/
.trtitlecolor {  background-color: #2F65D7;color: #ffffff; height: 1.8em; font-size: 100%; background-image:url(trtitlebg.gif); background-repeat:repeat-x ; text-align :center }
.trtitlecolor a:link,.trtitlecolor a:visited    {  text-decoration: underline; color: #ffffff;}
.trtitlecolor a:hover,.trtitlecolor a:active   {  text-decoration: none; color: #fff7a0;}
.trFootcolor {  background-color: #999999;color: #ffffff; text-transform: capitalize;text-align: left; }
.trFootcolor a:link,.trFootcolor a:visited    {  text-decoration: underline; color: #ffffff}
.trFootcolor a:hover,.trFootcolor a:active   {  text-decoration: none; color: #fff7a0}
.trPagecolor {  background-color: #6699cc;color: #ffffff; text-transform: capitalize; text-align: left; height: 24px}
.trPagecolor a:link,.trPagecolor a:visited    {  text-decoration: underline; color: #3A3A3A; FONT-Weight: 500; padding-left: 5px; padding-right: 5px; font-size: 100%}
.trPagecolor a:hover,.trPagecolor a:active   {  text-decoration: none; color: #fd8339; FONT-Weight: 500; padding-left: 5px; padding-right: 5px; font-size: 100%}
.trPagecolor span    {  border: 1px solid #ffffcc; FONT-Weight: 500; padding-left: 5px; padding-right: 5px; text-decoration: none; color: #ffffff; text-align: center; font-size: 100%}
.tr1color {  background-color: #c8e3ff; color: #000000; height: 22px}
.tr1color a:link,.tr1color a:visited    {  text-decoration: underline; color: #3A3A3A}
.tr1color a:hover,.tr1color a:active   {  text-decoration: none; color: #3A3A3A}
.tr2color {  background-color: #ffffff; color: #000000; height: 22px}
.tr2color a:link,.tr2color a:visited    {  text-decoration: underline; color: #3A3A3A}
.tr2color a:hover,.tr2color a:active   {  text-decoration: none; color: #3A3A3A}
.trSelectedcolor {  background-color: #99ccff; color: #000000}
.trEditcolor {  background-color: #ffffff; color: #000000}
.trEmptyDataRowStyle { color:#ff0000; text-align:center; }
tr1color input, tr2color input {padding: 2px; margin: 2px;}

/*以下區段設定Form中的Input物件*/
.InputText {  padding:0px; color: #000000; background-color: #fcfcfc; border: solid 1px #cccccc; height :1.4em ;}
.InputTextLock {  padding:0px; color: #000000; background-color: #f0f0f0; border-top: 0px ; border-right: 0px ; border-bottom: 1px dashed #666666; border-left: 0px ;}
.InputTextNoBorder {  padding:0px; background-color: transparent; border-top: 0px ; border-right: 0px ; border-bottom: 0px ; border-left: 0px ;}
.InputTextTransparent {  padding:0px; background-color: transparent; border-top: 0px ; border-right: 0px ; border-bottom: 1px dashed #666666; border-left: 0px ; text-align:right;}
.InputTextBig {  padding-left: 2px; padding-right: 2px; background-color: transparent; border-top: 0px ; border-right: 0px ; border-bottom: 1px dashed #666666; border-left: 0px ; text-align:right; font-size:x-large; color:Blue;}
.InputRadio {  color: #000000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height :1.6em ;}
.InputRadio Input {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputRadio Label {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputRadioLock {  color: #000000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height :1.6em ;}
.InputRadioLock Input {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputRadioLock Label {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputCheckbox {  border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height :1.6em ;}
.InputCheckbox Input {  background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputCheckbox Label {  background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputButton { padding: 0.3em 0.2em; font-size: 108%; color: #003399; background-color: #ffffcc; border: 1px solid #cccccc; vertical-align:text-top; height :1.8em ; letter-spacing :0.2em}

.InputFile {  border: 1px solid; border-color: #696969 #cccccc #cccccc #696969}
.InputSelect { border-color: #696969 #cccccc #cccccc #696969; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.warningtext {color: #FF0000; text-align:left;}
.requirefield {color: #fa0000; text-align:left; vertical-align :middle ;padding:3px;}
.textalignright {  padding:0px; text-align :right }
.btnimg {  vertical-align: text-bottom; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-left: 2px; Height:18px;Width :18px}
.blacktext{color: #000000;}
.unfloat { clear: both; }
.center { text-align: center; }
.u { text-decoration: underline; }
.b { font-weight: bold; }
.i { font-style: italic; }
.tt { font-family: monospace; }
.big { font-size: larger; }
.small { font-size: smaller; }
.strike { text-decoration: line-through; }

.pagerAddDisplay { float:left; padding:0px; margin:0px; }
.pagerNavigatorDisplay { padding:2px; margin:0px; }
.pagerCountDisplay { float:right; padding:0px; margin:0px; }
.pagerRowCountDisplay { background-color: #eee; font-weight:normal; height:1; padding:0px; margin:0px 2px 0px 0px; border:1px solid #ccc; }
.pagerPageCountDisplay { background-color: #eee; font-weight:normal; height:1; padding:0px; margin:0px 0px 0px 2px; border:1px solid #ccc; }
.pagerRowAddButtonDisplay { height:1; padding:0px; margin:0px; }
.pagerLinkSel_listSmartPager a:link,.pagerLinkSel_listSmartPager a:visited   
 {  background-color: #ffffff; color: #006699}
.pagerLinkSel_listSmartPager a:hover,.pagerLinkSel_listSmartPager a:active  
 {  background-color: #006699; color: #ffffff}
.pagerPageNo_listSmartPager a:link,.pagerPageNo_listSmartPager a:visited   
 {  background-color: #ffffff; color: #006699}
.pagerPageNo_listSmartPager a:hover,.pagerPageNo_listSmartPager a:active  
 {  background-color: #006699; color: #ffffff}
/*AutoComplete flyout */
.autocomplete_completionListElement { visibility : hidden; margin : 0px!important; background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px; border-style : solid; cursor : 'default'; overflow : auto; height : 100px; text-align : left; list-style-type : none; }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem { background-color: #ffff99; color: black; padding: 1px; }
/* AutoComplete item */
.autocomplete_listItem { background-color : window; color : windowtext; padding : 1px; }

/* image frame conner and border */
.tdtopleft {background-image: url(title_topleft.jpg); background-repeat:no-repeat ; border:0; width:8px; height :34px; }
.tdtopbackground {background-image: url(title_topbackground.jpg); background-repeat:repeat-x ; border:0; height :34px;}
.tdtopspan {padding-left:30px; font-size :116%; font-weight:bold; color:White  }
.tdtopright {background-image: url(title_topright.jpg); background-repeat:no-repeat ; border:0; width:8px; height :34px; }
.tdmidborderleft {background-image: url(title_midborderleft.jpg); background-repeat:repeat-y ; border:0; width:8px; }
.tdmidborderright {background-image: url(title_midborderright.jpg); background-repeat:repeat-y ; border:0; width:8px; }
.tdbuttomleft {background-image: url(title_buttomleft.jpg); background-repeat:no-repeat  ; border:0; width:8px; height :8px; }
.tdbuttomdown {background-image: url(title_buttomdown.jpg); background-repeat:repeat-x ; border:0; height :8px;}
.tdbuttomright {background-image: url(title_buttomright.jpg); background-repeat:no-repeat ; border:0; width:8px; height :8px; }
.topmost {width: 100%; background-image: url(topmost.png);background-repeat: repeat-x; background-color: #929292; color: White; text-align: right; height :36px;}
.topmost a:link, .topmost a:visited    {  text-decoration: none; color: White}
.topmost a:hover, .topmost a:active   {  text-decoration: none; color: White}

.hcp02background {width: 100%; background-image: url(../../images/hcp02background.png);background-repeat: repeat-x; background-color: #1A3052; color: White; text-align: left;}
.menubackground {width: 100%; background-image: url(menubackground.png);background-repeat: repeat-x; background-color: #1A3052; color: White; text-align: left;}
.menubg {background-image: url(menubg.png);}
