body {
    background-color: white;
    font-size: 10pt color:rgb(102,102,51);
}
Input {
    font-size: 12pt;
    color: Black;
}
select {
    font-size: 12pt;
    font-family: 細明體;
}
TEXTAREA {
    font-size: 12pt;
    color: Black;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}
h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #0000ff;
}
h2 {
    font-size: 1.5em;
    font-weight: 600;
    color: rgb(204,153,0);
}
h3 {
    font-size: 1.2em;
    color: rgb(0,102,153);
}
h4 {
    font-size: 1.1em;
    color: rgb(153,153,0);
}
h5 {
    font-size: 1em;
    color: rgb(255,153,0);
}
h6 {
    font-size: 1em;
    color: rgb(51,102,204);
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* 滑鼠移到超連結的顏色及出現底線  */
a:link, a:visited {
    color: #034af3;
}
a:hover {
    color: #1d60ff;
    text-decoration: none;
}
/* 點過超連結後的顏色 */
a:active {
    color: #034af3;
}

#MainContent .caption {
    font-size: 24pt;
    font-family: 標楷體;
    background-color: #6600FF;
}

.active {
    color: #FF0000 !important;
    font-family: "標楷體" !important;
}

.title1 {
    font-size: 16pt;
    font-family: 標楷體;
    background-color: #00FFFF;
}
.title2 {
    font-size: 12pt;
    font-family: 標楷體;
    background-color: #00FFFF;
}
.title3 {
    font-size: 12pt;
    font-family: 標楷體;
    background-color: #d8d86c;
}
.title4 {
    font-size: 24pt;
    font-family: 標楷體;
    background-color: #FFF0FF;
}
.title5 {
    font-size: 24pt;
    font-family: 標楷體;
    background-color: #FFFFFF;
}
.title6 {
    font-size: 24pt;
    font-family: 標楷體;
    background-color: #0000ff;
}
.title7 {
    font-size: 24pt;
    font-family: 標楷體;
    background-color: #00FFFF;
}
.title8 {
    font-size: 24pt;
    font-family: 標楷體;
    background-color: #6600FF; /* display: block; */
    color: #fff;
    font-weight: bold;
}
.title9 {
    font-size: 16pt;
    font-family: 標楷體;
    background-color: #6600FF;
}

.titleb {
    padding: 4px;
    border: 1px solid;
    border-color: #fff #555 #555 #fff;
    background: #cccccc;
    overflow: hidden;
    white-space: nowrap;
    cursor: hand;
}

.label {
    background: #FFCC33;
    padding: 5px;
    font: bold 10px Arial, sans-serif;
    position: absolute;
    top: 0;
    left: 0;
}

.lable {
    font-size: 12pt;
    background-color: #FFCC66;
}
.lable1 {
    font-size: 12pt;
    background-color: #FFCA95;
    width: 316px;
}
.lable2 {
    font-size: 12pt;
    background-color: #96FF71;
}
.lable3 {
    font-size: 12pt;
    background-color: #CCFF66;
}
.lable4 {
    font-size: 12pt;
    background-color: #00FFFF;
}
.lable5 {
    font-size: 12pt;
    background-color: #99ff33;
}
.body {
    font-size: 12pt;
    background-color: #FF99CC;
}

.mess1 {
    font-size: 11pt;
    background-color: #ccffff;
}
.style2 {
    font-size: 12pt;
    color: #FF0000;
}
.style4 {
    font-size: 12pt;
    color: #0000FF;
    font-family: "標楷體";
}
.style5 {
    font-size: 12pt;
    color: #FFF4BB;
    background-color: #ffff66;
}
.style6 {
    font-size: 12pt;
    color: #0033ff;
    background-color: #ccff66;
}
.style7 {
    font-size: 11pt;
    color: #0033ff;
    background-color: #FFF4BB;
}
.style8 {
    font-size: 12pt;
    color: #99ff33;
}
.style9 {
    font-size: 12pt;
    color: #FF0000;
    background-color: #c4ffff;
}
.style11 {
    color: #FF0000;
}
.style12 {
    color: tomato;
}
.style13 {
    color: tomato;
    font-family: "標楷體";
}
.style14 {
    color: #FF0000;
    font-family: "標楷體";
}

.style21 {
    color: #FF0000;
}
.style22 {
    color: #0000ff;
}
.style23 {
    color: #008000;
}
.style24 {
    color: #b65fff;
}

.cdata {
    padding: 3px;
    border: 1px solid;
    border-color: #fff #ddd #ddd #fff;
    overflow: hidden;
    white-space: nowrap;
}
.form {
    padding: 20px 20px 10px;
    background: #E0F4F8;
    width: 580px;
    overflow: hidden;
}
.form p {
    margin: 0 0 10px 0;
    float: left;
    clear: both;
    display: block;
}
.form label {
    font: bold 0.9em Helvetica, Arial, sans-serif;
    color: #0077AA;
    padding: 0 0 0 5px;
}
.form .w {
    float: left;
    clear: both;
    padding: 5px 5px 0;
    background: #D7EBEF;
    font: bold 0.8em Helvetica, Arial, sans-serif;
    color: #333;
    overflow: hidden;
}
.form .w span {
    padding: 0 0 5px;
    float: left;
}
.form .input {
    border: 1px solid #A5C2C8;
    padding: 5px 5px 5px 5px;
    margin: 0 0 5px 0;
    width: 537px;
    font: bold 16px/20px Helvetiva, Arial, sans-serif;
}
.form .w label {
    padding: 0;
}
.form .input.empty {
    color: #aaa;
}

.aaa {
    background-color: tomato;
}
.rOnly {
    width: 75px;
    background-color: #fff4bb;
}
.Sc {
    width: 35px;
}

.CalDate {
    width: 85px;
    height: 22px;
    background-color: #fff4bb;
}
.CalTime {
    width: 150px;
    background-color: #fff4bb;
}
.CalImg {
    cursor: hand;
    width: 16px;
    height: 16px;
}
.cal {
    cursor: hand;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.time {
    font-size: 12pt;
    background-color: #fcfc90;
}
.time1 {
    background-color: #fff4bb;
    width: 90px;
}
.time2 {
    background-color: #fff4bb;
}
.date {
    width: 80px;
    background-color: #fff4bb;
}
.hour {
    width: 30px;
    text-align: right;
    background-color: #fff4bb;
}
.minute {
    width: 30px;
    text-align: right;
    background-color: #fff4bb;
}
.spinner {
    text-align: right;
    background-color: #fff4bb;
}
.notfound {
    color: Black;
}

.found {
    color: blue;
}
.onClick {
    color: tomato;
}

.mouseOver {
    color: blue;
}

/* 列印要跳頁 <P STYLE="page-break-before:always; text-align:left"> </p>*/
/*在標籤後換頁*/
.eject1 {
    page-break-after: always;
    text-align: left;
}
/*在標籤前換頁*/
.eject2 {
    page-break-before: always;
    text-align: left;
}
/* 虛線：水平線產生虛線效果：<hr class=dotline color=#000000 size=1> */
.dotline {
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-right-style: dotted;
    border-top-style: dotted;
    color: white;
    height: 1px;
}
/* 換行 */
.AutoNewline {
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    word-break: auto;
}
/* 不換行 */
.NoNewline {
    word-break: keep-all;
}

/* table */
table caption {
    font-size: 24pt;
    font-family: 標楷體; /* background-color: #6600FF; */
    /* display: block; */
    color: #fff;
    font-weight: bold;
}
.table1 {
    width: 100%;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 5px solid;
}
.table2 {
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 5px solid;
}
.table3 {
    width: 100%;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 5px solid;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    word-break: auto;
}

.even {
    background: #FFCA95;
}
.odd {
    background: #FFF4BB;
}


.tr_even {
    background: #dcf18d;
}
.tr_odd {
    background: #FFF4BB;
}

.tl_td {
    font: normal 12px 細明體;
    cursor: default;
}

.tdc {
    text-align: center ;
}
.tdr {
    text-align: right;
}


/* TableLock 鎖定表格欄位 */

/* cch */

.mchanged {
    background-color: #f99;
    color: #864308;
}
.sex_1 {
    color: #101de5;
}
.sex_2 {
    color: #e510cc;
}
.sex_ed {
    color: #860eff;
}
.read_only {
    color: #5c9ee8;
    background-color:silver;
}
.has_readed {
    background-color: #c0d5ec;
}
.readed {
    color: #860eff !important;
    background-color: #fcf !important;
    background-image: none !important;
}
.appended {
    background-color: #dde4ec;
}
.title {
    display: block;
    font-size: 20pt;
    color: #fff;
    font-weight: bold;
    filter: glow(color=black, direction=2, Strength=8);
}
.shadow1 {
    box-shadow: 2px 2px 10px 1px #555;
    -webkit-box-shadow: 2px 2px 10px 1px #555;
    -moz-box-shadow: 2px 2px 10px 1px #555;
}
/* 按鈕 */
input[type="button"] {
    height: 22px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    padding: 1px 8px 1px 8px;
    margin: 0px;
}

input[type="button"]:hover {
    background-color: #fcf;
    color: black;
}
.button {
    background-color: #87a46a;
    color: White;
    width: 80px;
    height: 22px;
    border: 2px outset #ccc;
    padding: 1px 8px 1px 8px;
    margin: 0px;
    border-radius: 10px;
}

.button1 {
    font-family: 標楷體;
    font-weight: bold;
    font-size: 14pt;
    height: 29;
    width: 78;
    color: #0000ff;
    background-color: #00ffff;
    border-style: ridge;
    border-color: #ffff00;
    padding: 1px 8px 1px 8px;
    margin: 0px;
    border-radius: 10px;
}

.Symbol {
    background-color: #87a46a;
    color: White;
    width: 80px;
    height: 22px;
    border: 2px outset #ccc;
    padding: 1px 8px 1px 8px;
    margin: 0px;
    border-radius: 10px;
    cursor: pointer;
}
.Symbol:hover {
    background-color: #fcf;
    color: black;
}
.Symbol:active {
    position: relative;
    top: 1px;
}

.caption, caption {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    color: #e8da0d\0;
    filter: glow(color=black, direction=135, Strength=5);
}
.caption_win {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #e8da0d;
    filter: glow(color=black, direction=2, Strength=5);
}
.no_list_no {
    list-style-type: none;
    text-align: center;
    padding-left: 0px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}
.has_list_no {
    margin-left: 10px;
    font-size: 18px;
}
.s_font9 {
    font-size: 9pt;
}
.ui-autocomplete-loading {
    background: #ff99ff url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.ui-datepicker-year {
    width: 60px !important;
    float: left;
}
.ui-datepicker-month {
    width: 60px !important;
    float: right;
}
.dropin {
    background-color: rgba(255, 0, 0, 0.3) !important;
}

div#LoadingPic {
    background: url(../images/wait20trans.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

input:hover, .label_Check:hover, .div_hover:hover {
    background-color: #fcf;
    color: black;
}
input:focus {
    background-color: #f9f;
    color: black;
}
/*
select:focus { background-color: #fcf; color: black; }
*/
#table_opti {
    margin: auto;
    padding: 10px 20px;
}
#table_opti tr {
    height: 26px;
}
#table_opti select {
    height: 24px;
}
#tip-notice {
    background-color: #e3f5ab;
    color: #f00;
    border: 2px outset #ccc;
    padding: 1px 8px 1px 8px;
    margin: 0px;
    border-radius: 10px;
}
#dialog_list label {
    display: inline-block;
    text-align: left;
    color: #3654f8;
    height: 20px;
    width: 122px;
    border: 2px outset #b7df2d;
    padding-top: 3px;
    margin: 0px;
    vertical-align: top;
    border-radius: 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2UzZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2RmMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(33%, #e3f5ab), color-stop(100%, #b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3f5ab',endColorstr='#b7df2d',GradientType=0 ); /* W3C */
}
#dialog_list label:hover {
    background-color: #A2FFA2;
    color: #f00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYTZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZkODlkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdjZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcecfc), color-stop(50%, #fba6e1), color-stop(51%, #fd89d7), color-stop(100%, #ff7cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* W3C */
}
#dialog_class label, #dialog_cla label, #dialog_tbl label, #dialog_tblk label, #cla_f20 label {
    display: inline-block;
    text-align: left;
    color: #000;
    height: 20px;
    width: 106px;
    border: 2px outset #b7df2d;
    padding-bottom: 3px;
    margin: 0px;
    border-radius: 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2UzZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2RmMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e3f5ab', endColorstr='#b7df2d'); /*For IE7-8-9*/ /* W3C */
    background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(33%, #e3f5ab), color-stop(100%, #b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
}

#dialog_cla div {
  display: inline-block;
  text-align: left;
  color: #000;
  width: 106px;
  border: 1px outset #b7df2d;
  padding-bottom: 3px;
  margin: 1px;
  border-radius: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2UzZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2RmMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(33%, #e3f5ab), color-stop(100%, #b7df2d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
  /* W3C */ }

#dialog_class label:hover, #dialog_cla label:hover, #dialog_cla div:hover, #dialog_tbl label:hover, #dialog_tblk label:hover, #cla_f20 label:hover {
    background-color: #A2FFA2;
    color: #f00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYTZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZkODlkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdjZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fba6e1', endColorstr='#fd89d7'); /*For IE7-8-9*/ /* W3C */
    background: -moz-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcecfc), color-stop(50%, #fba6e1), color-stop(51%, #fd89d7), color-stop(100%, #ff7cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* W3C */
}
#dialog_cla label, #dialog_tbl label, #cla_f20 label {
    text-align: center;
    width: 80px;
    line-height: 25px;
}
#dialog_tblk label {
    text-align: center;
    width: 180px;
    line-height: 25px;
}

/* Media Types */
/* 
all	        Used for all media type devices
aural	    Used for speech and sound synthesizers
braille	    Used for braille tactile feedback devices
embossed	Used for paged braille printers
handheld	Used for small or handheld devices
print	    Used for printers
projection	Used for projected presentations, like slides
screen	    Used for computer screens
tty	        Used for media using a fixed-pitch character grid, like teletypes and terminals
tv	        Used for television-type devices
*/
/* 使用在列印，列印時不顯示資料或按鈕 */
@media print {
    .print {
        display: none;
    }
}

/*http://www.asucd.com/120*/
/* webkit(Chrome,Safari) */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .title, .caption, caption {
        color: #fff;
        color: green\0;
        text-shadow: black -1px -2px 0.5em;
    }
    .caption_win {
        color: green;
        text-shadow: black -1px -2px 0.5em;
    }
    #icon_help {
        margin-top: 6px;
    }
    .ui-autocomplete {
        overflow-y: scroll !important;
    }
    input[type="button"] {
        padding: 0px 8px 1px 8px !important;
    }
    .center_gv input[type="button"] {
        padding: 0px 8px 4px 8px !important;
    }
    #dialog_list label {
        padding-top: 2px;
        padding-bottom: 1px;
    }
    #dialog_class label {
        padding-top: 0px;
        padding-bottom: 4px;
    }
}

/* firefox */
/*
@-moz-document url-prefix() {
  .caption, caption {
    color: #680;
    text-shadow: 0 0 0, 0 1px 1px rgba(0, 0, 0, 0.5); }

  #icon_help {
    margin-top: 6px; }

  .ui-autocomplete {
    overflow-y: scroll !important; } }
*/

/* opera */
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    .caption, caption {
        color: #680;
        text-shadow: 0 0 0, 0 1px 1px rgba(0, 0, 0, 0.5);
    }

    .ui-autocomplete {
        overflow-y: scroll !important;
    }
}
/*---------------Master---------------*/
.page {
    width: 100%;
    height: 100%;
}
.header {
    position: relative;
    margin: 0px;
    width: 100%;
}
.clear {
    clear: both;
}
div.hideSkiplink {
    width: 100%;
}
div.menu {
    padding: 4px 0px 4px 8px;
}
div.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}
div.menu ul li {
    z-index: 99999;
}
div.menu ul li a, div.menu ul li a:visited {
    background-color: #888846;
    border: 1px #fff solid;
    display: block;
    line-height: 1.35em;
    padding: 5px 20px 3px 20px;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    border-radius: 20px;
    border: 2px outset #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2UzZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2RmMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(33%, #e3f5ab), color-stop(100%, #b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* W3C */
}
div.menu ul li a:hover {
    background-color: #A2FFA2;
    color: #f00;
    text-decoration: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYTZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZkODlkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdjZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcecfc), color-stop(50%, #fba6e1), color-stop(51%, #fd89d7), color-stop(100%, #ff7cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* W3C */
}
div.menu ul li a:active {
    background-color: #f00;
    color: #cfdbe6;
    text-decoration: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYTZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZkODlkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdjZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcecfc), color-stop(50%, #fba6e1), color-stop(51%, #fd89d7), color-stop(100%, #ff7cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* W3C */
}
div.menu ul li .aspNetDisabled {
    background-color: #ccc;
    color: #dde4ec;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzgyOGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5bdc8), color-stop(36%, #828c95), color-stop(100%, #28343b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* W3C */
}
div.menu ul li a.aspNetDisabled:hover {
    background-color: #ccc;
    color: #dde4ec;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzgyOGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5bdc8), color-stop(36%, #828c95), color-stop(100%, #28343b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* W3C */
}
.NewPageIndex {
    padding: 1px;
}
._error {
    background-color: #b65fff;
}
._freeze {
    background-color: #fcf;
}
.input_right {
    text-align: right;
}
.input_left {
    text-align: left;
}
.input_right_freeze {
    text-align: right;
    background-color: #fcf;
}
.input_left_freeze {
    text-align: left;
    background-color: #fcf;
}
.input_right_error {
    text-align: right;
    background-color: #b65fff;
}
.input_left_error {
    text-align: left;
    background-color: #b65fff;
}
.input_center_error {
    text-align: center;
    background-color: #b65fff;
}
.input_center {
    text-align: center;
}
.center_rv {
    margin: 0 auto;
    border: 2px outset #999999;
    background-color: #F0F0F0;
}
.center_gv {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #996;
    border: #494437 1px solid;
    border-radius: 10px;
}
.center_gv input[type="button"] {
    background-color: #87a46a;
    color: White;
    height: 22px;
    width: 46px;
    border: 2px outset #ccc;
    padding: 1px 8px 1px 8px;
    margin: 0px;
    border-radius: 10px;
}
.center_gv select {
    background-color: #87a46a;
    color: White;
    height: 22px;
    border: 2px outset #ccc;
    border-radius: 10px;
    -webkit-appearance: button;
}
.center_gv input:hover {
    background-color: #fcf;
    color: black;
}
.center_gv input:focus, .center_gv select:focus {
    background-color: #f9f;
    color: black;
}
.center_gv .TableFooter select {
    width: 100%;
}
.center_gv .TableFooter input[type="file"] {
    width: 100%;
    height: 22px;
}
.center_gv .TableFooter table {
    width: 100%;
}
.center_gv .TableFooter .ce1 {
    width: 70%;
}
.center_gv .TableFooter .ce2 {
    width: 30%;
}
.center_gv .LockDisabled {
    color: #5c9ee8 !important;
}
#icon_help {
    cursor: Pointer;
}

/*used by dialog*/
.ui-widget {
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 1em;
}

.contextMenu, .dialog, #tabs, .hide {
    display: none;
}
/*
.dialog input[type="button"], input[type="submit"] {
    background-color: #e3d4d4;
}
*/
.iframe {
    background: #feeebd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmM2UyYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNlOWQ0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f3e2c7), color-stop(63%, #e9d4b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* IE10+ */
    background: linear-gradient(to bottom, #f3e2c7 40%, #e9d4b3 63%); /* W3C */
}

/*.ui-widget-content {border: 1px solid #8e846b; background: $c_dialog url('../css/sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png') 50% top repeat-x; color: #383838;}*/
.ui-widget-content {
    border: 1px solid #8e846b;
    color: #383838;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmM2UyYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNlOWQ0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f3e2c7), color-stop(63%, #e9d4b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3e2c7 40%, #e9d4b3 63%); /* IE10+ */
    background: linear-gradient(to bottom, #f3e2c7 40%, #e9d4b3 63%); /* W3C */
}
.ui-widget-content-iframe {
    border: 1px solid #8e846b;
    color: #383838;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2UzZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2RmMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(33%, #e3f5ab), color-stop(100%, #b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* W3C */
}
.ui-widget-header {
    border: 1px solid #494437;
    background: #817865 url("../css/sunny/images/ui-bg_gloss-wave_45_817865_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #a45b13;
    background: #ffdd57 url("../css/sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #381f00;
}

/* used by tabs xp theme */
.ajax__tab_xp .ajax__tab_header {
    font-size: 12pt !important;
    height: 22px !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    height: 16px !important;
    background: url("../images/tab.gif") repeat-x !important;
    padding: 2px 4px 2px 4px !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
    background: url("../images/tab-hover.gif") repeat-x !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: url("../images/tab-active.gif") repeat-x !important;
}
.ajax__tab_xp .ajax__tab_body {
    font-size: 12pt !important;
    background-color: #fff !important;
    border: none !important;
}

.tabs-table .header {
    font-weight: bold;
    height: 18px;
    background-color: #dfe2bc;
    text-align: center;
    border: 1px #ccc solid;
    padding: 1px 2px 1px 2px;
}
.tabs-table .Check3_All, .tabs-table .Check3 {
    padding: 0px 1px 0px 5px;
    height: 22px;
}
.tabs-table input[type="text"] {
    vertical-align: top;
    height: 16px !important;
}
.tabs-table input[type="text"][readonly='readonly'] {
    color: #5c9ee8;
}
.tabs-table input[type="button"] {
    height: 22px;
    width: 46px;
    background-color: #dfe2bc;
    color: black;
    vertical-align: bottom;
    font-size: 10pt;
    padding-top: 2px;
}
.tabs-table input[type="button"]:hover {
    background-color: #fcf;
    color: black;
}
.tabs-table input[type="button"]:focus {
    background-color: #f9f;
    color: black;
}
.tabs-table #BtnExp3 {
    width: 138px !important;
}
.tabs-table #BtnSav3, .tabs-table #BtnDel3, .tabs-table #SrhClear, .tabs-table #SrhClose {
    width: 69px !important;
}
.tabs-table #Panel2 input[type="button"] {
    background-color: #a2ffa2;
}
.tabs-table #Panel2 input[type="button"]:hover {
    background-color: #fcf;
    color: black;
}
.tabs-table #Panel2 input[type="button"]:focus {
    background-color: #f9f;
    color: black;
}

.gridbox {
    box-shadow: 3px 3px 20px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 20px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 20px 3px rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#555,direction=2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

/* webkit(Chrome,Safari) */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .tabs-table .header {
        padding: 1px 1px 1px 1px;
        vertical-align: bottom;
    }
    .tabs-table .Check3_All, .tabs-table .Check3 {
        padding: 0px 1px 0px 3px;
    }
    .tabs-table input[type="text"] {
        vertical-align: 3px;
    }
}
/*-----------------------------------------tiptip.css*/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder .tip_top {
    padding-bottom: 5px;
}
#tiptip_holder .tip_right {
    padding-left: 5px;
}
#tiptip_holder .tip_bottom {
    padding-top: 5px;
}
#tiptip_holder .tip_left {
    padding-right: 5px;
}
#tiptip_content {
    font-size: 12pt;
    color: #000;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgba(125, 200, 125, 0.92);
    background-color: rgba(125, 200, 125, 0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(black));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgba(125, 200, 125, 0.92);
    border-top-color: rgba(125, 200, 125, 0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgba(125, 200, 125, 0.92);
    border-bottom-color: rgba(125, 200, 125, 0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgba(125, 200, 125, 0.92);
    border-right-color: rgba(125, 200, 125, 0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgba(125, 200, 125, 0.92);
    border-left-color: rgba(125, 200, 125, 0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(102, 255, 102, 0.88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(102, 255, 102, 0.88);
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(102, 255, 102, 0.92);
    }
}

/* HEADINGS   
----------------------------------------------------------*/

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}
.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* TAB MENU   
----------------------------------------------------------*/
/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}
fieldset p {
    margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}
fieldset label.inline {
    display: inline;
}
legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}
input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}
div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/
.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}
.loginDisplay a:link {
    color: white;
}
.loginDisplay a:visited {
    color: white;
}
.loginDisplay a:hover {
    color: white;
}
.failureNotification {
    font-size: 1.2em;
    color: Red;
}
.bold {
    font-weight: bold;
}
.submitButton {
    text-align: right;
    padding-right: 10px;
}
#loadingImg {
    position: absolute;
    width: 300px;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    text-align: center;
    padding: 7px 0 0 0;
    font: bold 11px Arial, Helvetica, sans-serif;
}
