/*  Common */
body {	margin: 0px; }
body,td,th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height:1.5em;
	color:#4c4c4c ;
}
p {
	margin-top:0px;
	margin-bottom:15px;
}
.jupas-ul {
	padding:0px ; margin:0 ; list-style:none
}
a img{
	border: 0px solid #000000;
}

map,form{ margin:0px}
.clear{ clear:both}
.justify{	text-align:justify; text-justify: inter-ideograph; }
.cursor{ cursor:pointer; }

#jupas-frame { width:1250px ; margin:0 auto }
#jupas-content { width:1250px ; margin:0px auto ; padding-top:0px }
#jupas-content-modal { margin:0px auto ; padding-top:0px }

/* Header */

#header { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif ; color:#99b2cc}
#header div.logo-div { width:1250px ; margin:0 auto ; text-align:right }
#header div.logo-div * { vertical-align:top}

#home-btn { height:21px ; font-size:11px ; font-weight:bold ; margin-right:24px ; line-height:1.5em }
#home-btn a{  display:inline-block ; *display:inline ; zoom:1 ; padding-top:1px ; background:url(../images/ico-home.gif) 0 6px no-repeat ; padding-left:15px ; padding-right:17px }
#home-btn a:link, #home-btn a:hover, #home-btn a:visited, #home-btn a:active { color:#FFF ; text-decoration:none }

#login-message { display:inline-block ; *display:inline ; zoom:1 ; padding-top:1px ; font-size:12px }

#logout-btn { display:inline-block ; *display:inline ; zoom:1 ; background:url(../images/corner/login-left.gif) left top no-repeat #19324e ; color:#FFFFFF ; font-weight:bold ; font-size:12px ; margin-left:21px ; height:23px ; margin-right:24px }
#logout-btn div.bottom{ background:url(../images/btn-bottom.gif) bottom repeat-x }
#logout-btn div.right{ background:url(../images/corner/login-right.gif) right top no-repeat ; padding: 0px 18px 0 18px }
#logout-btn a:link, #logout-btn a:hover, #logout-btn a:visited, #logout-btn a:visited { color:#FFFFFF ; text-decoration:none }

#header-top { background-color:#cfe2ec; height:23px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; font-size:12px; color:#0d4077}
#header-top a {  border-right:1px solid #ffffff; font-size:12px; padding:0px 10px 0px 28px; float:left; text-decoration:none}
#header-top a:hover { text-decoration:none}
#header-top a.home { background:url(../images/main/top_icon_home.jpg) 11px 5px no-repeat}
#header-top a.msg { background:url(../images/main/top_icon_message.jpg) 11px 5px no-repeat}
#header-top a.logout { background:url(../images/main/top_icon_logout.jpg) 12px 6px no-repeat}
#header-top .right-info { padding:0px 11px; font-size:11px; border-left:1px solid #ffffff; float:right}


#header-banner { width:1250px; height:96px; margin:0 auto; background:url(../images/main/banner.jpg) left top no-repeat; margin-bottom:1px}



/* footer */

#footer {  }
#footer div.footer-bg { width:1250px ; margin:0 auto ; background-color:#cfe2ec; border-top:1px solid #ffffff }
#footer div.footer-text { font-size:10px; text-align:right; margin:0px 10px 2px 0px; color:#0d4077 }
#footer div.footer-disclaimer { font-size:10px; text-align:left; margin:0px 10px 2px 13px; color:#0d4077 }

/* Top-Menu */

#menu-li { float:left ; padding-top:6px }
#date-li { float:right ; text-align:right ; padding-right:12px ; line-height:1.5em }
#date-li h2 { font-size:16px ; display:inline ; margin:0 }

.top-menu-padding { padding-bottom:13px }

#top-menu { width:810px ; position:relative ; font-weight:bold }
.corner-tl { position:absolute ; top:0 ; left:0 }
#top-menu .corner-tr , #navigation .corner-tr { position:absolute ; top:0 ; right:0  ; _right:0px }
.corner-tr { position:absolute ; top:0 ; right:0  ; _right:-1px }
.corner-bl { position:absolute ; bottom:0 ; left:0 }
.corner-br { position:absolute ; bottom:0 ; right:0 }

.table-form .corner-bl { position:absolute ; _bottom:-1px ; left:0 }
.table-form .corner-br { position:absolute ; _bottom:-1px ; right:0 ; _right:-1px }

.corner-br-navigation { position:absolute ; bottom:0 ; left:200px }
#top-menu div.menu-border { border:1px #dbdbdb solid ; zoom:1 }
#top-menu li { display:inline-block ; *display:inline ; zoom:1 ; border-right:1px #dbdbdb solid ; vertical-align:top ; width:160px ; text-align:center }
#top-menu li.last-menu { border-right:0px #dbdbdb solid }
#top-menu li.last-menu a{ width:164px ; *width:164px }

/* Top Menu Color Control */
#top-menu li.over-menu a:link, #top-menu li.over-menu a:hover, #top-menu li.over-menu a:active, #top-menu li.over-menu a:visited { background-color:#830000 ;  color:#FFFFFF ; text-decoration:none }
#top-menu li a { display:block ; width:160px ; padding:3px 0 }
#top-menu li a:hover { background-color:#CCCCCC ; text-decoration:none }

/* Navigation */
.navigation-border { background-color:#e7f0f5; position:relative}
#navigation { width:180px ; position:relative ; font-size:12px}
#navigation div.menu-border { border-top:1px #dbdbdb solid  ; zoom:1 }
#navigation li { background:#0d4077;  border-bottom:1px #dbdbdb solid ; text-align:left ; margin:0 ; padding:0 ; display:block ; line-height:0.6em }
#navigation li div.arrow { position:absolute ;margin:2px 0px 0px -15px}
#navigation li div.arrow img { border:0px #FFF solid}

/* Navigation Color Control */
#navigation li a.lv1 { background:url(../images/main/arrow.jpg) 10px 9px no-repeat; padding-left: 23px; padding-top:10px ; padding-bottom:10px ; display:block ; position:relative; color:#fff000; }
#navigation li a { text-decoration:none ; }
#navigation li a:hover { text-decoration:none ; }
#navigation li.over-menu a:link, #navigation li.over-menu a:hover, #navigation li.over-menu a:active, #navigation li.over-menu a:visited { text-decoration:none ; background-color:#0d4077 }

/* Navigation Submenu Color Control */
#navigation li.sub-menu {font-weight:normal; background-color:#e7f0f5; line-height:1em;}
#navigation li.sub-menu a:hover { text-decoration:none ; background-color:#e7f0f5; }
#navigation li.sub-menu a{ padding:6px 0 ; display:block; color:#0d4077; border-bottom:1px solid #f3f8fa}
#navigation li.sub-menu div { background:url(../images/main/dot_red.jpg) 10px 6px no-repeat ; padding:3px 3px 0px 23px }

/* Content */
#content-table { width:1250px ; }
.content-td { padding-left:11px ; _padding-left:12px ; padding-bottom:1px }
.content-td-inner { padding:15px 0px 0px 11px ; _padding-left:12px ; padding-bottom:1px }

#content-full-table { width:100% }

.table-form { position:relative ; zoom:1 ; _width:100% }
.table-form div.title-border { border-top:3px #e4ebdf solid ; padding-top:20px ; padding-left:12px ; padding-bottom:16px ; zoom:1}
.table-form div.tag-border { border-top:2px #7c0000 solid ; padding-top:5px ; padding-bottom:8px }
.table-form div.common-border { padding-top:5px ; padding-bottom:8px }
.table-form div.menu-border { border:1px #dbdbdb solid ; zoom:1 }
.table-form div.tag-menu-border { border-left:1px #dbdbdb solid ; border-right:1px #dbdbdb solid ; border-bottom:1px #dbdbdb solid  ; zoom:1}
.tag-corner-tl { background:url(../images/corner/top-left.gif) no-repeat }
.tag-corner-tr { background:url(../images/corner/top-right.gif) right top no-repeat }

.table-form li.tagli { display:inline-block ; *display:inline ; zoom:1 ; position:relative ; *margin-right:5px ; vertical-align:bottom }
.table-form li.tagli a { padding:4px 16px ; display:block ; }
.table-form div.corner-tr {*display:inline ; zoom:1 } /* IE 6 Error for right top corner */

/* Tag Color Control */
div.tag a:link , div.tag a:visited , div.tag a:active { text-decoration:none }
div.tag a:hover  { text-decoration:none ; background-color:#CCCCCC }
div.tag { border-right:1px #dbdbdb solid ; border-left:1px #dbdbdb solid ; border-top:1px #dbdbdb solid }
div.tag-over a:link, div.tag-over a:hover, div.tag-over a:visited, div.tag-over a:active { color:#FFFFFF ;  background-color:#880000 ; text-decoration:none ;  *display:inline ; zoom:1 }


.table-input, .table-input-extend { padding:1px 1px 1px 1px }

.table-input td.title , .table-input-extend td.title{ padding-left:6px ; padding-bottom:3px ; line-height:1.2em ; vertical-align:top ; border-bottom:1px #dbdbdb solid }
.table-input table { width:100% }
.table-input-extend table { }
.table-input td.line { border-bottom:1px #dbdbdb solid ; border-right:1px #dbdbdb solid }
.table-input td.line2 { border-bottom:1px #dbdbdb solid ; }
.table-input input, .table-input select , .table-input img,
.table-input-extend input, .table-input-extend select, .table-input-extend img
 { margin-left:5px ; margin-top:4px }



.addremove { padding:8px 24px 8px 0 ; text-align:right}

.next-table { background:url(../images/dotted.gif) left center repeat-x ; height:60px }
.next-table-small { background:url(../images/dotted.gif) left center repeat-x ; height:5px }
.next-table div.title { padding-top:45px ; padding-left:4px }

/* Fonts */
.table-margin { padding-top:13px }
.large-text { font-size:18px; font-weight:bold; color:#0d4077;  }
.middle-text { font-size:16px; font-weight:bold; color:#0d4077;  }
.header-text { font-size:12px; font-weight:bold; color:#0d4077;  }
.normal-text { font-size:12px; font-weight:normal;}
.small-text { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif }

/* pages style  */

/* Main page */
.main_red_dot { margin-top:7px}
.main_right_col { background:#e7f0f5}
.main_right_title { background:#0d4077; color: #fff000; padding:4px 8px; font-size:11px}
.main_right_content {color: #0d4077; padding:8px 8px; border:1px solid #ffffff; font-size:11px; line-height:13px}
.main_right_content .arrow{ margin:6px 8px 0px 0px}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{ background-color: #dcdcdc; border: 1px solid #999999; color: #000000; cursor: default; }

.input_1 { font-family:tahoma; width:200px; border:1px solid #999999}
.btn_blue_bg { background-color:#0d4077; color:#ffffff; height: 25px; border-width:2px; border-color: #3399FF;}
.btn_blue_bg[disabled] { background-color:#dcdcdc; color:#ffffff; height: 25px; border-width:1px; }
.btn_blue_bg_no_height { background-color:#0d4077; color:#ffffff; border-width:2px; border-color: #3399FF;}
.btn_blue_bg_no_height[disabled] { background-color:#dcdcdc; color:#ffffff; border-width:1px; }

input.common-input{ font-family:tahoma; font-size:11px; font-family:tahoma; border:1px solid #999999; margin:5px 5px 5px 0px;}
select.common-input{  font-family:tahoma; font-size:11px; margin:5px 5px 5px 0px;  }
textarea.common-input{ font-family:tahoma; font-size:11px; font-family:tahoma; border:1px solid #999999; margin:5px 5px 5px 0px;}

/* color box bg*/
.box-content {margin:2px 0px 5px 15px; }
.box-content- {margin:2px 0px 5px 15px; }
.box-icon {width:25px; padding:7px 0px 0px 0px}

/* common table */
.table-common { margin:0px 0px 25px 0px; width: 100%; }
.table-common .inner-common{ margin:0px 0px 10px 0px }

.table-common .inner-middle {background:url(../images/box/white/04.jpg) left top repeat-y}
.table-common .inner-middle2 {background:url(../images/box/white/05.jpg) right top repeat-y}

.table-add {margin-right:10px}

.table-common .inner-bottom {background:url(../images/box/white/07.jpg) left bottom repeat-x; print-color-adjust: exact}

.table-common .inner-blue {background:url(../images/main/bg01.jpg) left top repeat-x;border-top:5px solid #0d4077; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb}
.table-common .inner-blue .inner-content { margin:10px 0px 15px 15px; width: 660px}
.table-common .inner-blue .inner-content td { color:#0d4077}
.table-common .inner-blue .inner-content-full { margin:10px 0px 15px 15px; width: 850px}
.table-common .inner-blue .inner-content-full td { color:#0d4077}
.table-common .inner-blue-no-top { border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb}
/*.table-common .inner-blue-no-top .inner-content { margin:10px 0px 15px 15px; width: 620px} */
.table-common .inner-blue-no-top .inner-content { margin:10px 0px 15px 15px}
.table-common .inner-blue-no-top .inner-content td { color:#0d4077}
.table-common .inner-simple {border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb}
.table-common .inner-simple .inner-content td { color:#0d4077}
 .table-common .inner-none {}
.table-common .inner-none .inner-content td { color:#0d4077}

.table-common .top-tab {padding-bottom:3px; border-bottom:5px solid #0d4077; width:660px}
/* Old Version
.table-common .top-tab .div_tab {
	font-size:13px; color:#0d4077;text-decoration:none; padding:0px 10px;background:url(../images/main/tab_bg.jpg) left top repeat-x;font-weight:bold; border:1px solid #dbdbdb; margin:0px 3px 3px 0px;display:block; float:left; white-space:nowrap;
}
.table-common .top-tab .div_tab a {text-decoration: none; }
*/
.table-common .top-tab .div_outer_tab {
	width:1050px;
}
.table-common .top-tab .div_tab {
	font-size:13px; color:#0d4077; text-decoration:none; padding:0px; margin:0px 3px 3px 0px; background:url(../images/main/tab_bg.jpg) left top repeat-x; font-weight:bold; display:block; float:left; white-space:nowrap;
}
.table-common .top-tab .div_tab a {
	padding:0 10px; border:1px solid #dbdbdb; text-decoration:none;
}
.table-common .top-tab .div_tab:hover {background:url(../images/main/tab_bg_o.jpg) left top repeat; color:#ffffff}
.table-common .top-tab .div_tab a:hover {color:#ffffff; text-decoration: none; background:url(../images/main/tab_bg_o.jpg) left top repeat; }
.table-common .top-tab .div_tab .selecttab {
	color:#ffffff; padding:0 10px; border:1px solid #dbdbdb; text-decoration:none; background:url(../images/main/tab_bg_o.jpg) left top repeat;
}

.table-common .top-title {padding:20px 5px 10px 5px; font-size:18px; font-weight:bold; color:#0d4077; background:url(../images/main/top-title_bg.jpg) left top repeat-x; border-bottom:5px solid #0d4077;}


.table-common .border-side-gary { background:url(../images/box/white/04.jpg) left top repeat-y; width:1050px;}
.table-common .border-side-gary .border-side-gary-inner{ background:url(../images/box/white/05.jpg) right top repeat-y;}

.table-common .inner-white .sub-title { font-size:14px; font-weight:bold; color:#0d4077; margin-left:10px}
.table-common .inner-white .sub-info { font-size:12px; margin-left:10px}
.table-common .inner-white .section-title { font-size:12px; font-weight:bold; margin-left:10px}
.table-common .inner-white .section-title-no-margin { font-size:12px; font-weight:bold}
.table-common .inner-white .section-title-normal { font-size:12px; margin-left:10px}

.table-common .table-list { border-collapse:collapse;}
.table-common .table-list td {border: 1px solid #dbdbdb; padding:0px 5px}
.table-common .table-list th {text-align: left; border: 1px solid #dbdbdb; padding:0px 5px}

.table-common .table-list .td_no {border: 0px; padding:0px 5px}

.table-common .table-list .tr_1 { background-color:#cfe2ec}
.table-common .table-list .tr_2 { background-color:#ffffff}
.table-common .table-list .tr_3 { background-color:#f5f5f5}

.table-common .table-list-2 { margin:0px 0px 20px 0px}
.table-common .table-list-2-head { background-color:#cfe2ec; border-top:1px solid #dbdbdb; padding:0px 15px}
.table-common .table-list-2-head td {padding:0px 5px}

.table-common .table-list-2-inner { border-collapse:collapse;}
.table-common .table-list-2-inner td {border: 1px solid #dbdbdb; padding:0px 5px}

.table-common .table-list-2-inner .tr_1 { background-color:#ffffff}
.table-common .table-list-2-inner .tr_2 { background-color:#f5f5f5}

.no-border{ border:2px solid #000}
.label_name{padding-top:0.5em;float:left;margin-right:0.5em;}
.label_name_2{padding-top:0.2em;float:left;}
.div_input{padding-left:20px; float:left}

/* box-inner-alert  */
.box-inner-alert { margin:15px 0px 15px 10px; width:97%}
.box-inner-alert  .tl {background:url(../images/box/gray/01.jpg) left top no-repeat;}
.box-inner-alert  .tc {background:url(../images/box/gray/02.jpg) left top repeat-x;}
.box-inner-alert  .tr {background:url(../images/box/gray/03.jpg) right top no-repeat;}

.box-inner-alert  .cl {background:url(../images/box/gray/04.jpg) left top repeat-y}
.box-inner-alert  .cc {background-color:#f4f4f4}
.box-inner-alert  .cr {background:url(../images/box/gray/05.jpg) right top repeat-y}

.box-inner-alert  .bl {background:url(../images/box/gray/06.jpg) left bottom no-repeat;}
.box-inner-alert  .bc {background:url(../images/box/gray/07.jpg) left bottom repeat-x;}
.box-inner-alert  .br {background:url(../images/box/gray/08.gif) right bottom no-repeat;}
.box-inner-alert  .box-text { font-size:11px; padding:15px 0px 15px 0px; color:#333333; line-height:15px}
.box-inner-alert  .box-content- {margin:2px 0px 5px 15px; }


/* common blue border on top */
.box-common { margin:0px 0px 10px 0px; width: 97%}
.box-common .tl {}
.box-common .tc { border-top:5px solid #0d4077;}
.box-common .tr {}

.box-common .cl {background:url(../images/box/white/04.jpg) left top repeat-y}
.box-common .cc {color:#ffffff}

.box-common .cc-bg-blue {background:url(../images/main/bg01.jpg) left top repeat-x;}
.box-common .cr {background:url(../images/box/white/05.jpg) right top repeat-y}

.box-common .bl {background:url(../images/box/white/06.jpg) left bottom no-repeat; }
.box-common .bc {background:url(../images/box/white/07.jpg) left bottom repeat-x;}
.box-common .br {background:url(../images/box/white/08.gif) right bottom no-repeat; }

.box-common .box-content-common {margin:5px 0px 10px 30px;  width:620px}
.box-common .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#0d4077; }

/* blue */
.box-blue {  margin:0px 0px 10px 0px; width: 97%}
.box-blue .tl {background:url(../images/box/blue/01.jpg) left top no-repeat;}
.box-blue .tc {background:url(../images/box/blue/02.jpg) left top repeat-x;}
.box-blue .tr {background:url(../images/box/blue/03.jpg) right top no-repeat;}

.box-blue .cl {background:url(../images/box/blue/04.jpg) left top repeat-y}
.box-blue .cc {background-color:#f1f6f9;}
.box-blue .cr {background:url(../images/box/blue/05.jpg) right top repeat-y}

.box-blue .bl {background:url(../images/box/blue/06.jpg) left bottom no-repeat;}
.box-blue .bc {background:url(../images/box/blue/07.jpg) left bottom repeat-x;}
.box-blue .br {background:url(../images/box/blue/08.gif) right bottom no-repeat;}
.box-blue .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#2d5d8e}

/* brown */
.box-brown {margin:0px 0px 10px 0px; width: 97%}
.box-brown .tl {background:url(../images/box/brown/01.jpg) left top no-repeat;}
.box-brown .tc {background:url(../images/box/brown/02.jpg) left top repeat-x;}
.box-brown .tr {background:url(../images/box/brown/03.jpg) right top no-repeat;}

.box-brown .cl {background:url(../images/box/brown/04.jpg) left top repeat-y}
.box-brown .cc { background-color:#e9cea3; }
.box-brown .cr {background:url(../images/box/brown/05.jpg) right top repeat-y}

.box-brown .bl {background:url(../images/box/brown/06.jpg) left bottom no-repeat;}
.box-brown .bc {background:url(../images/box/brown/07.jpg) left bottom repeat-x;}
.box-brown .br {background:url(../images/box/brown/08.gif) right bottom no-repeat;}
.box-brown .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#6c3902}

/* gray */
.box-gray { margin:0px 0px 10px 0px; width: 97%}
.box-gray .tl {background:url(../images/box/gray/01.jpg) left top no-repeat;}
.box-gray .tc {background:url(../images/box/gray/02.jpg) left top repeat-x;}
.box-gray .tr {background:url(../images/box/gray/03.jpg) right top no-repeat;}

.box-gray .cl {background:url(../images/box/gray/04.jpg) left top repeat-y}
.box-gray .cc {background-color:#f4f4f4}
.box-gray .cr {background:url(../images/box/gray/05.jpg) right top repeat-y}

.box-gray .bl {background:url(../images/box/gray/06.jpg) left bottom no-repeat;}
.box-gray .bc {background:url(../images/box/gray/07.jpg) left bottom repeat-x;}
.box-gray .br {background:url(../images/box/gray/08.gif) right bottom no-repeat;}
.box-gray .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#333333}

/* gray full */
.box-gray-full { margin:0px 0px 10px 0px; width: 100%}
.box-gray-full .tl {background:url(../images/box/gray/01.jpg) left top no-repeat;}
.box-gray-full .tc {background:url(../images/box/gray/02.jpg) left top repeat-x;}
.box-gray-full .tr {background:url(../images/box/gray/03.jpg) right top no-repeat;}

.box-gray-full .cl {background:url(../images/box/gray/04.jpg) left top repeat-y}
.box-gray-full .cc {background-color:#f4f4f4}
.box-gray-full .cr {background:url(../images/box/gray/05.jpg) right top repeat-y}

.box-gray-full .bl {background:url(../images/box/gray/06.jpg) left bottom no-repeat;}
.box-gray-full .bc {background:url(../images/box/gray/07.jpg) left bottom repeat-x;}
.box-gray-full .br {background:url(../images/box/gray/08.gif) right bottom no-repeat;}
.box-gray-full .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#333333}

/* green */
.box-green { margin:0px 0px 10px 0px; width: 97%}
.box-green .tl {background:url(../images/box/green/01.jpg) left top no-repeat;}
.box-green .tc {background:url(../images/box/green/02.jpg) left top repeat-x;}
.box-green .tr {background:url(../images/box/green/03.jpg) right top no-repeat;}

.box-green .cl {background:url(../images/box/green/04.jpg) left top repeat-y}
.box-green .cc {background-color:#d7fde8}
.box-green .cr {background:url(../images/box/green/05.jpg) right top repeat-y}

.box-green .bl {background:url(../images/box/green/06.jpg) left bottom no-repeat;}
.box-green .bc {background:url(../images/box/green/07.jpg) left bottom repeat-x;}
.box-green .br {background:url(../images/box/green/08.gif) right bottom no-repeat;}
.box-green .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#333333}

/* orange */
.box-orange { margin:0px 0px 10px 0px; width: 97%}
.box-orange .tl {background:url(../images/box/orange/01.jpg) left top no-repeat;}
.box-orange .tc {background:url(../images/box/orange/02.jpg) left top repeat-x;}
.box-orange .tr {background:url(../images/box/orange/03.jpg) right top no-repeat;}

.box-orange .cl {background:url(../images/box/orange/04.jpg) left top repeat-y}
.box-orange .cc {background-color:#ffd866}
.box-orange .cr {background:url(../images/box/orange/05.jpg) right top repeat-y}

.box-orange .bl {background:url(../images/box/orange/06.jpg) left bottom no-repeat;}
.box-orange .bc {background:url(../images/box/orange/07.jpg) left bottom repeat-x;}
.box-orange .br {background:url(../images/box/orange/08.gif) right bottom no-repeat;}
.box-orange .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#6c3902}

/* red */
.box-red { margin:0px 0px 10px 0px; width: 97%}
.box-red .tl {background:url(../images/box/red/01.jpg) left top no-repeat;}
.box-red .tc {background:url(../images/box/red/02.jpg) left top repeat-x;}
.box-red .tr {background:url(../images/box/red/03.jpg) right top no-repeat;}

.box-red .cl {background:url(../images/box/red/04.jpg) left top repeat-y}
.box-red .cc { background-color:#ffbfbf; }
.box-red .cr {background:url(../images/box/red/05.jpg) right top repeat-y}

.box-red .bl {background:url(../images/box/red/06.jpg) left bottom no-repeat;}
.box-red .bc {background:url(../images/box/red/07.jpg) left bottom repeat-x;}
.box-red .br {background:url(../images/box/red/08.gif) right bottom no-repeat;}
.box-red .box-text { font-size:13px; padding:5px 0px 5px 0px; color:#b41001;}

/* white */
.box-white {  margin:0px 0px 10px 0px; width: 97%}
.box-white .tl {background:url(../images/box/white/01.jpg) left top no-repeat;}
.box-white .tc {background:url(../images/box/white/02.jpg) left top repeat-x;}
.box-white .tr {background:url(../images/box/white/03.jpg) right top no-repeat;}

.box-white .cl {background:url(../images/box/white/04.jpg) left top repeat-y}
.box-white .cc {background-color:#ffffff}
.box-white .cr {background:url(../images/box/white/05.jpg) right top repeat-y}

.box-white .bl {background:url(../images/box/white/06.jpg) left bottom no-repeat;}
.box-white .bc {background:url(../images/box/white/07.jpg) left bottom repeat-x;}
.box-white .br {background:url(../images/box/white/08.gif) right bottom no-repeat;}
.box-white .box-text { font-size:13px; padding:5px 0px 5px 0px;color:#333333}

/* font */
.txt_11 { font-size:11px}
.txt_13_bold { font-size:13px; font-weight:bold}
.txt_red_bold  { color:#fd2d2d; font-weight:bold}

/* Additional */
.required { font-size:12px; color: red; }
label.required { font-size:12px; color: #4c4c4c; }
input.error-input{ font-family:tahoma; font-size:11px; font-family:tahoma; border:1px solid #999999; margin:5px 5px 5px 0px; background: #ffbfbf;}
select.error-input{  font-family:tahoma; font-size:11px; margin:5px 5px 5px 0px; background: #ffbfbf; }
textarea.error-input{ font-family:tahoma; font-size:11px; font-family:tahoma; border:1px solid #999999; margin:5px 5px 5px 0px; background: #FFFFFF;}

.feedbackPanelINFO { color: blue; }
.feedbackPanelERROR { color: red; }
.feedbackText { color: red; }
.validLabel { }
.invalidLabel { color: red; }
#table-1 > .draggable { cursor: move; }
.myDragClass td { background-color: #dbdbce; }
.myDropClass td { background-color: #90A7E8; }
#table-1 .line { cursor: move; }
.contactUsTable td { text-align: justify; }
td.label { text-align: left; }
tr.highlighting { background-color: #e3e3e3; }
tr.highlighted { background-color: #dbdbce; font-weight: bold; }
tr.error-row , tr.error-row td { background-color: #FF99FF; font-weight: bold; color: #000000;}
#tr.error-row , tr.error-row td { background-color: #FF99FF; font-weight: bold; color: #000000; border:5px SOLID #FFFFFF;}
.asciiOnlyHighlight { background-color: #FFC20E; }
.reportHighlight { background-color: #FFC20E; font-weight: bold; color: red; }
#feedbackLabel { margin: 0px; padding-left: 30px; list-style-type: disc; list-style-image: url(../images/icon/arrow_left.png); }

#study-unit li { display:inline-block ; *display:inline ; zoom:1 ; vertical-align:top ; width:100px ; text-align:left }
#study-unit > span { display: inline-block; white-space: nowrap; }
#study-level li { display:inline-block ; *display:inline ; zoom:1 ; vertical-align:top ; width:170px ; text-align:left }
#study-level > span { display: inline-block; white-space: nowrap; }

.wicket_orderUp a { background:url(../images/sort_up.jpg) 10px 6px no-repeat ; padding:3px 3px 0px 23px }
.wicket_orderDown a { background:url(../images/sort_down.jpg) 10px 6px no-repeat ; padding:3px 3px 0px 23px }

a:link, a:active, a:visited {	color: #4c4c4c;	text-decoration: underline; }
a:hover {	color: #4c4c4c;	background-color: #dbdbce; text-decoration: underline; }
a.img:hover {background-color: transparent}

div.buttonAligntd { float: left; }

/* paging */
.inner-paging { background:url(../images/main/paging_bg.jpg) right top no-repeat;}
.inner-paging-list { background:url(../images/box/white/07.jpg) left bottom repeat-x #ffffff}
.inner-paging-list .selected { font-size:10px; font-family:tahoma; border:1px solid #cfe2ec; padding:0px 5px; margin:10px 3px 0px 3px; float:left; display:block; background-color:#0d4077; color:#ffffff }
.inner-paging-list .bordered { font-size:10px; font-family:tahoma; border:1px solid #cfe2ec; padding:0px 5px; margin:10px 3px 0px 3px; float:left; display:block; color:#0d4077; }
.inner-paging-list .bordered:hover { font-size:10px; border:1px solid #cfe2ec; background-color:#0d4077; color:#ffffff }
.inner-paging-list  a { text-decoration:none }

.inner-paging-top { background:url(../images/main/paging_bg_top.jpg) right bottom no-repeat;}
.inner-paging-list-top { background:url(../images/box/white/02.jpg) left top repeat-x #ffffff; margin-top:5px}
.inner-paging-list-top  .selected { font-size:10px; font-family:tahoma; border:1px solid #cfe2ec; padding:0px 5px; margin:10px 3px 0px 3px; float:left; display:block; background-color:#0d4077; color:#ffffff; }
.inner-paging-list-top  .bordered { font-size:10px; font-family:tahoma; border:1px solid #cfe2ec; padding:0px 5px; margin:10px 3px 0px 3px; float:left; display:block; color:#0d4077; }
.inner-paging-list-top  .bordered:hover { font-size:10px; border:1px solid #cfe2ec; background-color:#0d4077; color:#ffffff }
.inner-paging-list-top  a { text-decoration:none }

.msgContent { max-width: 620px; padding-right: 10px; }
.msgContent > div { width: auto !important; }	/* Remove this line in next admission cycle */

@media only screen and (max-width: 991px) {
	.resp-text-block { display: block; margin-right: 0px !important; }
	.prog-choice-stat > td:nth-child(1) {
		display: block;
		font-weight: bold;
    	width: auto;
    	clear: both;
	}
	.prog-choice-stat > td:nth-child(1)::after {
		content: ":";
	}
	.prog-choice-stat > td:nth-child(2) {
		display: none;
	}
	.prog-choice-stat > td:nth-child(3) {
		display: block;
    	width: auto;
    	clear: both;
	}
	.table-programme-catalog tr th {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.paymentMsgTd ol {
		padding-left: 30px;
	}
}

@media screen and (max-width: 767px) {
   .table-rwd-form input[name="birthYear"]{
   	min-width: 30px;
   }
}

.nowrap {
	white-space: nowrap;
	display: inline-block;
}

div[role="alert"] {
	text-align: justify;
}

label.hiddenlabel {
 display:none;
 } 

#fade {
    display: none;  /* ensures it¡¦s invisible until it¡¦s called */
    position: fixed;
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.9; /* makes the div transparent */
    opacity: 0.90;
    filter: alpha(opacity=90);
    width: 100%;
    height: 100%;
    z-index: 99999; /* makes the div the second most top layer, so it¡¦ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

a.underline-red{
	text-decoration: underline;
	color: #ff0000;
}

/* Extra styles for contents with editor */
.announcement {
    padding: 20px 2px;
    text-align: justify;
    line-height: 20px;
}

.notice {
    color: #ff0000;
}

td.anno-subject {
    width: 150px;
}

td.anno-time {
    width: 180px;
}