@charset "utf-8";

@font-face {
  font-family: nutc;
  src: url(../fonts/nutc.eot); /* IE9 Compat Modes */
  src: url(../fonts/nutc.eot?#iefix) format("embedded-opentype"), /* IE6-IE8 */
       url(../fonts/nutc.woff) format("woff"), /* Modern Browsers */
       url(../fonts/nutc.ttf) format("truetype"), /* Safari, Android, iOS */
       url(../fonts/nutc.svg#SealmemoryHeader) format("svg"); /* Legacy iOS */
  unicode-range:U+E000-EF00;
}

*{
	font-family: nutc,Arial,"新細明體";
}
/* CSS Document */
html, body, #wrap {
	height: 100%;
	margin: 0px 0px 0px 0px;
	font-family: nutc,Arial,"新細明體";
	font-size:15px;
	color: #51452C;
}

fieldset { margin: 10px 10px 5px 10px; font-size:16px; text-align:left; }
fieldset legend { margin-left: 10px; }
fieldset th { text-align: right; height: 27px; white-space: nowrap; }
fieldset td { text-align: left; }
fieldset input { font-size: 14px; }
fieldset select { font-size: 14px; }

a {color:blue;}
a:active {color:blue;}
a:hover {color:red;}

img {
	border:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

/******************************************************************************/
hr {
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0; height:1px; 
    background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}

.table_wrapper {
    padding:1px 1px 1px 1px;
    border:1px solid #999;
    border-bottom:1px solid #666;
    border-right:1px solid #333;
}

.nav_line {
    background-color: #F7F7F7; 
    line-height: 40px; 
    vertical-align:middle;
    font-size: 16px;
    padding-left: 20px;
}

.side_control {
    float: right;
    margin-right:80px;
    margin-top: -2px;
    cursor: pointer;
    font-size:14px;
    padding: 0px 1px;
    display: none;
}

.side_control image { cursor: pointer; }

.side-menu {
    position: absolute;
    right: 20px; 
    top: 162px;
    background: #F7F7F7;
    min-width: 150px;
    display: none;
    border: 1px solid #777777;
    border-top: 0px;
}

.side-menu ul { padding: 0px 10px; margin-top: 10px; margin-left: 0px; }
.side-menu li {
    list-style-type: none;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    text-align: center ;
    vertical-align: middle;
    border: 1px solid #AAA;
    margin: 0px 0px 10px 0px;
    padding: 0px 6px 1px 6px;    
        word-wrap: break-word;
    background: url(../images/btn_middle_bg.gif) repeat-x 0px top;
}

/******************************************************************************/
/*listview*/
.ui-selected { background: #000077; color: white; }
.ui-listview { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.widget-content
{
    border: 0px; 
    margin: 0px; 
    padding: 2px 2px 0px 2px; 
    font-size: 16px; 
    height: 20px; 
    cursor: default;
    white-space: nowrap;
}

/******************************************************************************/
/* jquery UI font */
.ui-widget { font-family: Arial,"新細明體" }
.ui-widget select,input,textarea,button { font-family: Arial,"新細明體" }


/*---------------------------------------------float right*/
.floatRight{ float:right; margin-top:10px;  height:auto; font-size:15px; }
.floatRight img, .floatRight input{
	vertical-align: middle;
}
.floatRight em{
	font-style: normal;
	color: #CC3300;
}
/*---------------------------------------------float left*/
.floatLeft{ float:left; margin-top:10px; height:auto; font-size:15px; }
.floatLeft img, .floatLeft input{
	vertical-align: middle;
}
.floatLeft p{ margin:5px 0; }
.floatLeft p span{
	color: #006666; font-size:110%;
}
.floatLeft p em{
    color: #CC3300;
    padding:0 5px;
}

.input_gray, .inputgray {
    border: 1px solid #CCCCCC;
    padding:2px 3px 0px 3px;
    margin:0 0 1px 0;
    color: #333;
    vertical-align:middle;
    background: #FFF;
    font-size: 15px;
    font-family: nutc,Arial,"新細明體" !important;
}

.selgray{
    border: 1px solid #CCCCCC;
    padding:-1px 3px 2px 3px;
    margin:-2px 30px 1px 0;
    color: #333;
    height: 22px;
    vertical-align:middle;
    background: #FFF;
    font-size: 16px;
}

.selpage{
    border: 1px solid #CCCCCC;
    padding:0px 3px 2px 3px;
    margin:0 0px 1px 0;
    color: #333;
    height: 22px;
    vertical-align:middle;
    background: #FFF;
    font-size: 12px;
}

.btn{
    color: #333;
    border: 1px solid #ccc;
    text-align: center;
    font-size:14px;
    height:22px;
    cursor:pointer;
    margin:0 0 2px;
    padding: 0px 6px 1px 6px;
    vertical-align: middle;
    background: url(../images/btn_bg.gif) repeat-x 0px top;
}

.btn_middle {
    color: #333;
    border: 1px solid #AAA;
    text-align: center;
    font-size:16px;
    height:24px;
    cursor:pointer;
    margin:0 0 2px;
    padding: 0px 6px 1px 6px;
    vertical-align: middle;
    background: url(../images/btn_middle_bg.gif) repeat-x 0px top;
}

.list_info 
{
    background: url(../images/icon_primary.gif) no-repeat 0px 20px;
    padding-left: 25px;
    color:navy; 
    padding-top: 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;    
}

/*-----------按鈕控制項樣板-----*/

.controls img { vertical-align:middle; margin-right:2px;}
.controls a { text-decoration: none ; font-size: 14px; font-family: Verdana,Arial,sans-serif; }
.controls a:hover{ text-decoration: underline ; color:#CC0000 }

/*----------- standard button padding size -----------*/
.btn_pad   { margin-left: 30px; }
.btn_pad40 { margin-left: 40px; }

.btn_batch { }
.btn_batch_enabled { color: blue; cursor: pointer; }
.btn_batch_disabled { color: gray; cursor: not-allowed; }

/*----------- 預設空表格類別樣版 -----------*/
.empty_html { }

.placeholder { color: #aaa; }

#footer-left {
    height:80px;
    background-repeat: no-repeat;
    width: 1024px;
    float: left;
    margin-left: 0px;
}

#footer-right {
    background-repeat:repeat-x;
    height: 80px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.sm-blue a { font-size: 16px; text-align:left; }

.qtip-content { font-size: 16px; font-weight: bold; line-height: 18px; }
.qtip { max-width: 100%; }
.red_tips { color: white; background-color: #CC3333; }
.blue_tips { color: white; background-color: blue; }

/*----------- jquery.validation 使用 -----------*/
label.error {
    background:url("/images/unchecked.gif") no-repeat 0px 0px;
    color:red;
    padding-left: 16px;
}

label.success {
    background:url("/images/checked.gif") no-repeat 0px 0px;
    padding-left: 16px;
}

body em { font-weight: bold; font-style: normal; }