html { height: 100%; }

/*框架樣式 */
body { height: 100%; font-size: 10pt; font-family: Tahoma, Verdana; font-size: 10pt; color: #333333; margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }

A:link { color: #333333; text-decoration: none; }
A:visited { color: #333333; text-decoration: none; }
A:active { color: #333333; }
A:hover { color: #FF7F7C; text-decoration: underline; }

/*框架樣式*/
#divMenu { width: 22%; height: 100%; background: #F8C74F; }

/* MasterPage */
#mpContent { width: 78%; height: 100%; background-color: White; }
#mpContent .Header { height: 40px; border-bottom: solid 1px #999999; }
#mpContent .Header .Left { float: left; padding-top: 3px; padding-left: 15px; font-weight: bold; color: #777777; }
#mpContent .Header .Left A { text-decoration: underline; }
#mpContent .Header .Left A:link { color: #777777; text-decoration: underline; }
#mpContent .Header .Left A:visited { color: #777777; text-decoration: underline; }
#mpContent .Header .Left A:active { color: #777777; text-decoration: underline; }
#mpContent .Header .Left A:hover { color: #FA544E; text-decoration: underline; }
#mpContent .Header .Right { float: right; padding-top: 7px; padding-right: 15px; }


/* 功能 */
.collapse { width: 6px; position: absolute; height: 0; background-color: #F1AC0A; }
.expand { width: 6px; position: absolute; height: 100%; background-color: #F1AC0A; }
.sdmenu { width: 100%; height: auto; font-family: Sans-Serif; font-size: 12px; padding-bottom: 10px; background: #F8C74F; color: #FFFFFF; z-index: 10; float: left; }
.sdmenu .title, .sdmenu .titlehidden { display: block; font-weight: bold; color: black; padding-left: 15px; font-size: 12px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; height: 17px; line-height:17px; vertical-align:middle; font-family: tahoma, verdana; }
.sdmenu .title { border-bottom: 0px; text-align:left; }
.sdmenu .arrow { margin-left: 10px; margin-right: 7px; }
.sdmenu .titlehidden { border-bottom: none;  text-align:left;}
.sdmenu .submenu { overflow: hidden; width: 185px;  text-align:left;}
.sdmenu .submenu a { padding: 5px 0; text-indent: 0px; background: #FFFFFF; display: block; text-decoration: none; color: #066; padding-left: 3px; font-size: 12px; padding-bottom: 4px; cursor: pointer; color: black; padding-top: 4px; font-family: tahoma, verdana; }
.sdmenu .submenu a:hover { color: #2688D8; }
.sdmenu table { width: 185px; background-color: #F8C74F; background: transparent url(../../System/images/CN/top_level_bg.gif) repeat-x; vertical-align: middle; }
.submenu table { width: 185px; background-color: #FFFFFF; background: #FFFFFF; padding-left: 0px; }
.submenu .tdLeft { width: 26px; text-align: right; }
.splitter { background: #F8C74F; width: 185px; line-height: 10px; }

/*Font */
.font10R { font-size: 10pt; color: Red; }
.font10B { font-size: 10pt; color: Blue; }

/*GridView */
.trGVHeader { background-color: #F1AC0A; }
.tdGVHeaderButton { text-align: Left; padding: 3px 0px 0px 5px; }
.tdGVHeaderRowCount { font-size: 10pt; color: #09223E; height: 25px; text-align: Right; padding: 3px 5px 0px 0px; }
.gv { border: 2px #F8C74F solid; line-height: 15pt; }
.gv A:link { color: #4B6ECF; }
.gv A:visited { color: #4B6ECF; }
.gv A:active { color: #4B6ECF; }
.gv A:hover { color: #4B6ECF; text-decoration: underline; }
.gvHeader { background-color: #F8C74F; font-weight: normal; font-size: 11pt; color: #FFFFFF; text-align: center; }
.gvItem { font-weight: normal; font-size: 11pt; color: #333333; background-color: #FFFFFF; }
.gvAlternatingItem { font-weight: normal; font-size: 11pt; color: #333333; background-color: #F1F1F1; }
.gvFooter { background-color: #D5E6D9; font-size: 11pt; color: #000000; text-align: center; }
.gvPager { color: #ffffff; font-weight: bold; background-color: #F8C74F; font-size: 11pt; text-align: center; }

.tdIbtnAddListBg { height: 26px; background: url(../../System/images/CN/btnAddListBg.gif) repeat-x; margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; }
.tdIbtnAddListRight { width: 6px; height: 26px; background: url(../../System/images/CN/btnAddListRight.gif) no-repeat; }

/* Edit */
.tbEdit { border: 2px #F8C74F solid; }
.tbEdit .tdHeader { text-align: center; font-size: 12pt; color: #FFFFFF; background-color: #F8C74F; }
.tbEdit .tdRowName { font-size: 11pt; text-align: right; padding-left: 10px; padding-right: 5px; background-color: #FDEECC; }
.tbEdit .tdRowValue { font-size: 11pt; padding-right: 15px; }
.tbEdit .tdRowTitle { font-size: 11pt; text-align: center; color: #FFFFFF; background-color: #F8C74F; }
.tbEdit .tdFooter { text-align: center; background-color: #F8C74F; padding: 4px 0px 0px 1px; }

/* Search  */
.tbSearch { border: 2px #D59709 solid; line-height: 17pt; }
.tbSearch .tdRowName { font-size: 11pt; text-align: right; padding-left: 10px; }
.tbSearch .tdRowValue { font-size: 11pt; padding-right: 10px; }
.tbSearch .tdFooter { text-align: center; background-color: #D59709; padding: 4px 0px 0px 1px; }

/* Pop Window */
.divTDPWontainer { width: 560px; height: auto; border: solid 1px #D1901C; background-color: #F8C74F; padding: 10px 10px 10px 10px; }
.divTabTitle { width: auto; height: 27px; font-size: 16px; font-weight: bold; color: #333333; text-align: center; }
.divTDPWontent { width: auto; height: auto; margin: 0px; background-color: #FDEECC; border: solid 1px #D1901C; padding: 10px 10px 10px 10px; }
.ulTab { width: auto; height: 35px; list-style: none; margin: 0px; padding: 0px; background: url(../../System/images/CN/tab_pix.gif) repeat-x 0px 29px; }
.liTab { width: 80px; height: 35px; line-height: 35px; text-align: center; vertical-align: middle; float: left; clear: none; margin-right: 3px; background: url(../../System/images/CN/tab.gif) no-repeat; font-size: 14px; color: #333333; cursor: pointer; }
.liTabOn { width: 80px; height: 35px; line-height: 35px; text-align: center; vertical-align: middle; float: left; clear: none; margin-right: 3px; background: url(../../System/images/CN/tab_on.gif) no-repeat; font-size: 14px; color: white; }
.ulTDPWheckBox { width: auto; height: auto; list-style: none; margin: 0px; padding: 0px; clear: both; }
.liTDPWheckBox { width: 130px; height: auto; padding: 5px 0px 5px 0px; float: left; clear: none; white-space: nowrap; }
.divTab { display: none; width: auto; height: auto; margin: 0px; padding: 0px; padding-top: 5px; }
.divTabOn { display: block; width: auto; height: auto; margin: 0px; padding: 0px; padding-top: 5px; }
.divTabFooter { display: block; clear: both; width: auto; height: auto; margin: 0px; padding: 0px; background: url(../../System/images/CN/tab_pix.gif) repeat-x 0px 0px; }
a.aTab:link { color: #144798; text-decoration: none; }
a.aTab:visited { color: #144798; text-decoration: none; }
a.aTab:active { color: #144798; text-decoration: none; }
a.aTab:hover { color: #FF5100; text-decoration: underline; }
span.spanTab { color: #144798; }
.divCover { position: absolute; left: 0px; top: 0px; margin: 0px; width: 100%; height: 100%; background: #000000; z-index: 99; filter: Alpha(Opacity=70); opacity: 0.7; }

/* Choosed List */
.ulChoosedList { width: auto; height: auto; list-style: none; margin: 0px; padding: 0px; clear: both; }
.liChoosedList { width: auto; height: auto; padding: 0px 10px 3px 0px; float: left; clear: none; white-space: nowrap; }
span.spanChoosed { color: #9B9B9B; }
span.spanIbtnRemove { width: 14px; height: 15px; vertical-align: middle; margin-left: 5px; display: inline-block; cursor: pointer; background: url(../../System/images/CN/btnRemove.gif) no-repeat; }

/* Pop Window AJAX */
.PopPanel { width: 560px; height: auto; border: solid 1px #D1901C; background-color: #F8C74F; padding: 10px 10px 10px 10px; }
.PopHeader { width: auto; height: 27px; font-size: 16px; font-weight: bold; color: #333333; text-align: center; }
.PopContenter { width: auto; height: auto; margin: 0px; background-color: #FDEECC; border: solid 1px #D1901C; padding: 10px 10px 10px 10px; }
.PopFooter { margin: 10px auto auto auto; text-align: center; }
.PopBackground { position: absolute; left: 0px; top: 0px; margin: 0px; width: 100%; height: 100%; background: #000000; z-index: 99; filter: Alpha(Opacity=70); opacity: 0.7; }