/* Main Body from Blue-Print / Custom for PHENOMENA height: 101%;
html {font-size:100.01%; }
body { color:#333333; direction:ltr; margin: 0; padding: 0; height:100%; min-height:100%;text-align: left; font-size:13px;font-family:thonburi,tahoma,verdana,arial,sans-serif;  filter:none ; overflow-y: scroll; }
body .bp-container {  margin:0 auto;  width:990px;  text-align:left; }
p  { color: #333333; font-size:13px; font-weight:normal;  line-height: 18px;  }
input,select,textarea { font-family:thonburi,tahoma,verdana,arial,sans-serif; }
textarea { font-size:13px;  line-height: 18px; }
div { font-size:13px; }
----------------------------------------------------------------------------- */

body { color:#333333; direction:ltr; margin: 0; padding: 0; height:100%; min-height:100%;text-align: left; font-size:13px;  filter:none ; overflow-y: scroll; }
body .bp-container {  margin:0 auto;  width:990px;  text-align:left; }
#disablingDiv
{
    /* Do not display it on entry */
    display: none;
 
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:1001;
     
    /* make it cover the whole screen */
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
 
    /* make it white but fully transparent */
    background-color: white;
    opacity:.00;
    filter: alpha(opacity=00);
}

textarea { font-size:13px;  line-height: 18px; }
 

.itn_text_read  { font-size:14px; }

.itn_s_txt  { font-size:11px; }

h3.itn_h3_title_no_line { 	margin-top:10px; height: 30px;    margin-bottom:8px; }
h3.itn_h3_title_underline { 	margin-top:10px; height: 30px;   border-bottom:1px solid #DDDDDD; margin-bottom:8px; }



.itn_nowrap { display:inline-block;  white-space: nowrap; }  
/* Display Alert message with function show_footer_msg_box  */
.adr_footer_message {     bottom: 5px;     min-height: 30px;     position: fixed;     z-index: 99; }
.adr_header_message {     top: 5px;  right:30px;  min-height: 30px;     position: fixed;     z-index: 101; }
/* grid.css from Blue-Print 
----------------------------------------------------------------------------- */
.bpcontainer {width:990px;margin:0 auto;  }
.bpshowgrid {background:url(grid.png);}
.bpcolumn, .bpsp-1, .bpsp-2, .bpsp-3, .bpsp-4, .bpsp-5, .bpsp-6, .bpsp-7, .bpsp-8, .bpsp-9, .bpsp-10, .bpsp-11, .bpsp-12, .bpsp-13, .bpsp-14, .bpsp-15, .bpsp-16, .bpsp-17, .bpsp-18, .bpsp-19, .bpsp-20, .bpsp-21, .bpsp-22, .bpsp-23, .bpsp-24, .bpsp-25 {float:left;margin-right:10px;}
.bplast {margin-right:0;}
.bpsp-1{width:30px;}.bpsp-2{width:70px;}.bpsp-3{width:110px;}.bpsp-4{width:150px;}.bpsp-5{width:190px;}.bpsp-6{width:230px;}.bpsp-7{width:270px;}.bpsp-8{width:310px;}.bpsp-9{width:350px;}.bpsp-10{width:390px;}.bpsp-11{width:430px;}.bpsp-12{width:470px;}.bpsp-13{width:510px;}.bpsp-14{width:550px;}.bpsp-15{width:590px;}.bpsp-16{width:630px;}.bpsp-17{width:670px;}.bpsp-18{width:710px;}.bpsp-19{width:750px;}.bpsp-20{width:790px;}.bpsp-21{width:830px;}.bpsp-22{width:870px;}.bpsp-23{width:910px;}.bpsp-24{width:950px;}.bpsp-25{width:990px;margin-right:0;}
.bpright {float: right !important; }
.bpleft {float: left !important; } 
 
  

/* ADRASTEA - FIX HEADER , SCROLLABLE CONTENT
--------------------------------------*/
.adr_header_wrap { 	position: fixed; height:70px;	top: 0; 	left: 0; 	width: 100%;   z-index: 100; background-color:#FFFFFE;  }
.adr_header_container { height:70px;   }
.adr_header 	{ width: 990px; 	margin: 0 auto; 	position: relative; } 
.adr_container 	{ width: 990px; 	margin: 0   auto ; 	overflow: auto ; padding: 75px 0 0px; }
.adr_long_bg { background:url("../images/front_nav/ap-header-bg.png")  repeat-x scroll  0 0px transparent;   }

.adr_fix_nav_left { position:fixed; z-index:100; min-height:100%;  top: 67px; } 
.adr_fix_header   { position:fixed; z-index:99; min-height:30px;top: 70px;} 
.adr_fix_footer   { position:fixed; z-index:99; min-height:30px; bottom:0px;} 

.adr_page_fix   	{ position:fixed; z-index:99; background-color:#FFFFFE ;  } 
.adr_page_scroll   	{ position: static; z-index:0;   } 

/* PHENOMENA MAIN / APP Template Layout 
----------------------------------------------------------------------------- */
.p_font_1  { font-size:12px;  font-weight:bold;   }

.p_nav_main  { width:100%;  height:30px;  background:#FFFFFF; position:relative; }

.p_nav_main  .p_logomodule  { margin:0; position:relative; }
.p_nav_main  .p_logo    { position:absolute; height: 30px; top:2px;  left:2px;} 
.p_nav_main  .p_module  { position:absolute; height: 30px; top:22px; left:0px; } 
.p_nav_main   h1.cufon_appname { letter-spacing:-3px;  }

.p_nav_main  .p_profile  {  position:absolute; height: 30px; right:0px; padding: .5em 1em; text-decoration: none;color:#000 !important;   }
.p_nav_main  .p_profile  a  { text-decoration: none;color:#333333;color:#333333 !important;  }
.p_nav_main  .p_profile  a:hover  { color:#0088CC;color:#0088CC !important; }


.p_nav_app_title  { width:100%; height:40px;   overflow: hidden;      }
.p_nav_app_title_bg  {  height: 40px;  margin: 0 2px;   padding:7px 20px 4px;   }

.p_nav_app_menu {  padding:3px 5px 5px 10px;  width:100%; height:40px;   overflow: hidden; position:relative;    }
.p_nav_app_menu ul { 	display:block; 	margin:0; 	padding:0; 	float:left;  }
.p_nav_app_menu ul  li{ 	display:inline; 	}
.p_nav_app_menu ul  li a{ float:left; 	margin:1px 10px 0 0; 	padding:0 15px; 	line-height:28px; 	height:28px; 	outline:0; 	 	text-decoration:none; 	color:#777; 	 }
.p_nav_app_menu ul  li a.active { cursor:pointer; background:url("../images/sprite/sprite_chrome_v1.png") repeat-x scroll 0 -950px #FFFFFF; border-color:#E8E8E8; border-style:solid; border-width:1px 1px 1px 1px; color:#0088CC;  }  
.p_nav_app_menu ul  li a:hover{ 	color:#0088cc;  	background-color:#74C6F5; }
.p_nav_app_menu ul  li a.active:hover{   }

/* Fugue Fix
----------------------------------------------------------------------------- */
.padding-1 { padding-bottom:0px;}
i.fugue { font-size:13px; }

/* APPLICATION LEFT NAV - MAIN PAGE
----------------------------------------------------------------------------- */
.mainpage_left_nav { display:block; margin:0; padding:8px 0px 0px 0px; }
.mainpage_left_nav ul.nav  { list-style:none outside none;padding:0;margin:9px 0 5px 0; }
.mainpage_left_nav ul.nav  li  {  list-style:none; margin:0 -1px  1px 0; }
.mainpage_left_nav ul.nav  li a  {  color:#333333; font-weight:bold; margin-bottom:1px; cursor:pointer; overflow-x:hidden; overflow-y:hidden;  	line-height:28px;  height:28px;  display: block; position: relative;  outline:0;  width: auto; padding:4px 0 4px 10px; text-decoration: none; border:1px solid #FFFFFF; border-right:1px solid #E8E8E8; } 
.mainpage_left_nav ul.nav  li a.nav_active { 	background:url("../images/sprite/left_nav_tab_bg.png") repeat-y scroll 0px 0px #FF0000; 	background-color:#F3F3F3; 	border-color:#E5E5E5; 	border-style:solid; 	border-width:1px 0px 1px 1px; 	border-left:1px solid #E8E8E8; color:#0088cc; font-weight: bold; }
.mainpage_left_nav ul.nav  li a:hover{ background-color:#F3F3F3;    text-decoration: underline;       }
.mainpage_left_nav ul.nav  li a.nav_active:hover{ color:#0088cc;  background-color:#F3F3F3;  text-decoration: none;    }
.adr_fake_left { min-height:500px;}

/* APPLICATION RIGHT NAV - SUBPAGE - VERSION 1 - Use in EVALUATION
----------------------------------------------------------------------------- */
.subpage_header {     background-color: #FFFFFE;     position: fixed;     z-index: 99; 	height: 40px;    	width: 975px; 	top:70px; 	border-bottom:1px solid #EFEFEF; 	margin-left:10px; 	}  
.subpage_left .html_left { 	margin-left:10px ; margin-top:0px;    width: 670px;    display: inline-block;     float: left; padding:20px 20px; min-height:485px; }
.subpage_left .html_left_inner { 	   background: none repeat scroll 0 0 #FFFFFE;     border-radius: 0px 0px 5px 5px; 	-moz-box-shadow:  5px 0px 3px -2px rgba(0,0,0,0.5); 	-webkit-box-shadow: 5px 0px 3px -2px rgba(0,0,0,0.5);     box-shadow: 5px 0px 3px -2px #808080 ;      height: 100%;     min-height: 600px;     position: relative;       z-index: 5; 	border:1px solid #E6E6E6; /* \9 IE7 IE8 only*/ }  
.subpage_right_nav  {  min-height:100%;   margin-left:720px;  margin-top:35px;  }
.subpage_right_nav .html_right {   width: 255px;   }
.subpage_right_nav .html_right_inner { background: none repeat scroll 0 0 #F2F2F2; 	     border-radius: 0px 0px 5px 0px; 	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.5); 	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.5);	     box-shadow: 0 3px 4px #808080 ; 	height: 100%; 	min-height: 450px;      z-index: 3; 	padding:5px 5px 10px 0; 	border:1px solid #E6E6E6\9;	/* IE7 IE8 only*/ } 
.subpage_right_nav .html_right_itcontrol {   width: 540px; min-height: 400px;   border:1px solid #EFEFEF; padding:10px 15px;  }
.subpage_right_nav select.nav { width: 100%; margin:0; } 
.subpage_right_nav .nav_text { padding:5px 10px; 	 }      
.subpage_right_nav ul.nav  { list-style:none;padding:0;margin:  0 0 5px 0; }
.subpage_right_nav ul.nav  li  {  }
.subpage_right_nav ul.nav  li a { width: 255px; line-height:30px; 	 height: 30px; margin: 0 0 5px 0 ; display:block; 	 padding:0; 	 outline:0; 	 text-decoration:none; 	 color:#000;  border-radius: 0px 5px 5px 0px; }  
.subpage_right_nav ul.nav  li a.nav_active  {     color: #0088CC; 	font-weight:bold;     background: none repeat scroll 0 0 #FFFFFE;     box-shadow: 0  3px 4px #808080 ;	     border-radius: 0px 5px 5px 0px;	     z-index: 3; } /* nav - white bg , with z-index , so replace the shadow on left , position relative is need */	
.subpage_right_nav ul.nav  li a.nav_active span {  color: #0088CC; 	font-weight:bold;   } 
.subpage_right_nav ul.nav  li a.nav_active .nav_inner { 	 	position:relative; 	background: none repeat scroll 0 0 #FFFFFE;     border-radius: 0px 5px 5px 0px; 	height: 100%; 	width: 100%;     z-index: 5; 	}  
.subpage_right_nav ul.nav  li a:hover {     background-color: #74C6F5;     color: #333333;  } 	
.subpage_right_nav ul.nav  li a.nav_active:hover{   background-color: #FFFFFE; color: #0088CC; }
.subpage_right_nav .nav_radius {    border-radius: 0px 5px 5px 0px; }
.subpage_right_nav .nav_box_title {  color: #FFFFFF ;  background-color: #A7A7A7; width: 255px; line-height:30px; 	 height: 30px; margin: 5px 0 5px 0 ; display:block; 	 padding:0; 	 outline:0; 	 text-decoration:none; 	    border-radius: 0px 5px 5px 0px; font-weight:bold; }  
.subpage_right_nav .nav_box_title.fake_active {  box-shadow: 0  3px 4px #808080 ;	  }   
.subpage_right_nav .nav_box_title.fake_active .nav_inner {  position:relative; color: #0088CC ;  background: none repeat scroll 0 0 #FFFFFE; z-index: 5;  border-radius: 0px 5px 5px 0px;    }   

/* APPLICATION RIGHT NAV - SUBPAGE - VERSION BST - STANDARD - this will fix Calendar Datepicker Bug
Now we using BST as Layout 
----------------------------------------------------------------------------- */
.subpage_top_header { position:fixed;background-color:#FFFFFE;width:990px;height:30px;top:70px;z-index:5; padding:10px 10px 10px 0px;}
.subpage_view { padding-top:35px; }
.subpage_view_span {width:660px;}
.subpage_view .html_left_view {  margin-left:0px ; margin-top:10px;   
width: 744px;    display: inline-block;     	float: left; 
padding:0; min-height:485px; 	background: none repeat scroll 0 0 #FFFFFE;    	
border-radius: 5px 0px 5px 5px;  	height: 100%;    min-height: 600px;  
border:1px solid #D5D5D5;
 }  
.subpage_gray_nav {  min-height:100%;   position:fixed; top:120px;   }
.subpage_gray_nav .html_right_nav {  	color: #777777; 	width: 240px;background: none repeat scroll 0 0 #E5E5E5;	     	border-radius: 0px 5px 5px 0px; 	  	 	height: 100%; 	min-height: 400px;      	padding:5px 5px 10px 0; 	 } 	
.subpage_gray_nav   .nav_box_title  {     width: 229px; line-height:30px; 	  height: 30px; margin: 5px 0 0px 0 ; display:block; 	   padding: 0 5px 0 10px;	 outline:0; 	 text-decoration:none; 	     font-weight:bold; border-bottom: 1px solid #B5B5B5;  }  
.subpage_gray_nav ul.sub_nav  { list-style:none;padding:0;margin:  0 0 5px 0; }
.subpage_gray_nav ul.sub_nav  li a { 	width: 229px; line-height:30px; 	 	height: 30px; margin: 0 0 5px 0 ; 
	 display:block; 	 padding:0; outline:0; text-decoration:none; 	 	color:#777777; 
	 border-bottom: 1px solid #B5B5B5;     border-top: 1px solid #f5f5f5;      border-right: 1px solid #D5D5D5;     color: #777777;     cursor: pointer;        display: block;     font-size: 13px;     line-height: 28px;     margin: 0;      min-height: 28px;     padding: 0 5px 0 10px;     position: relative;  	  }  .subpage_black_nav ul.sub_nav  li a:hover {        color: #323232;    } 	
.subpage_gray_nav ul.sub_nav  li a.nav_active { 	 	background: none repeat scroll 0 0 #FFFFFE;      	} 	
.subpage_gray_nav ul.sub_nav  li a.nav_active  { color: #0088CC;  font-weight:bold; } 
.subpage_gray_nav ul.sub_nav  li a.nav_active:hover	{background-color: #FFFFFE; color: #0088CC; }
 
 
.vertical-bar { border-color: #E5E5E5;     border-style: solid;     border-width: 0 1px 1px 0 ;     margin-bottom: 3px;     margin-left: 15px;     min-height: 400px; 	  	border-bottom-style:dotted; }
 

/* Standard CSS FORM LOGIN
----------------------------------------------------------------------------- */
.p_form_login_outer {  margin:40px 0 0 0; }
.p_form_login_outer_clean {  margin:0; }
.p_form_login { 	position:relative;  }
.p_form_login  .input-text-1 { width:200px;padding: 2px 0 2px 0; } 
.p_form_login .col1 { clear: left; margin: 0; padding: 5px 0 5px 0; position:relative; }  
.p_form_login label{ font-weight: bold; float: left; margin-left: -155px;  width: 150px; } 

.p_form_recaptcha_txt {   width: 190px; } 

 
/* Standard Footer
.p_footer_wrapper { color: #666666; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; width: 990px; }
----------------------------------------------------------------------------- */
.p_footer_wrapper { color: #666666; font-size: 10px; margin: 18px auto 0 auto; padding:0; text-align: left !important; width: 990px; height:30px;}
.p_footer {     border-top: 1px solid #DDDDDD;     clear: both;     padding-top: 9px;     width: 100%; }
.p_footer p {     float: left;     margin-left: 25px; margin-bottom: 0; }
.p_footer ul.p_footer_link { display: block;     list-style: none outside none;   margin-bottom: 0px; }
.p_footer ul.p_footer_link a {     border-left: 1px solid #D0D0D0;   margin-left: 1.5em;   padding: 0 0 0 1.5em; }

/* To position Message/PHENO Process gif anim on ITN page 
----------------------------------------------------------------------------- */
.message_itn_outer { position:relative;  height: 40px; } 
.message_itn_png_progress { height: 40px;   position: absolute;  left:10px; top:5px; } 
.message_itn_warning_box  {  height: 40px;   position: absolute; left:70px;  top:0px; } 
 


/* To position Message/PHENO Process gif anim on Application page 
----------------------------------------------------------------------------- */
.message_app_outer { position:relative;  height: 30px; } 
.message_app_png_progress { height: 30px;   position: absolute; left:10px; top:0px; } 
.message_app_warning_box  { height: 30px;   position: absolute; left:70px;  top:0px; } 




/* Intranet Cufon
----------------------------------------------------------------------------- */
.itn_firstpage_wrapper  { margin-left:10px; }
.itn_cf_1 { letter-spacing:-7px; }
.itn_cf_2 { letter-spacing:-5px; }

.itn_normal { font-weight:normal;  color:#333333; font-size:13px; }
 
.itn_content { margin-top:-9px; padding:0px 0px 0px 20px; height:350px;  }
.itn_nav_main { width:100%;  height:120px; background:#FFFFFF; position:relative;}

.itn_nav_main_msg_abs { top:15px;left:25px;  position:absolute; }
.itn_nav_main_msg_rel { position:relative;  }

.itn_nav_main_logo_rel { position:relative;  }
.itn_nav_main_logo_abs {  top:55px;left:25px; position:absolute; }
.itn_nav_main_logo_img {  margin-left:2px;margin-bottom:0px; }

.itn_line_02 {  margin-left:2px; margin-top:3px;  }
.itn_line_11 {  margin-bottom:-27px;  }
.itn_line_12 {  margin-bottom:-24px; }
.itn_line_22 {  margin-left:1px; margin-bottom:-18px; }
.itn_line_20 {  margin-left:2px; margin-bottom:-18px; }
.itn_line_s_l2 { margin-left:2px; }
 
.itn_gray_bbc  { color: #737373;  } 
 
.itn_black_yt  { color: #232323;  } 

 
.itn_orange_pyd  { color: #FF6600;  } 
.itn_green_pyd  { color: #97D043;  } 

.itn_orange_bbc  { color: #EB7515;  } 
.itn_blue_bcc { color:#174F82; }
.itn_blue_bbc { color:#174F82; }
.itn_bold { font-weight:bold;}
.itn_blue_apple { color:#0088CC; }
.itn_blue { color:#74C6F5; }

 
 
.itn_green_ok { color:#32CD32; }
.itn_green { color:#a9c215; }
.itn_light_gray { color:#C6C6C6; }
.itn_gray { color:#999999; }
.itn_pink { color:#E65183; }
.itn_black { color:#000000; }
.itn_red { color:#FF0000; }
.itn_red_gg { color:#DD4B39; }

.itn_bg_gray1 { background: none repeat scroll 0 0 #E9E9E9; } 
.itn_bg_gray2 { background: none repeat scroll 0 0 #8F8F8F; } 
.itn_bg_blue1 { background: none repeat scroll 0 0 #ECF1EF; } /* far_horizon */
.itn_bg_brown1 { background: none repeat scroll 0 0 #F1EDC2; }  /* toasted_meringue  */
.itn_bg_green1 { background: none repeat scroll 0 0 #EEF3E2; }  /* Green Veil  */
.itn_bg_orange1 { background: none repeat scroll 0 0 #FFCC00; }  
.itn_bg_wh_smoke { background: none repeat scroll 0 0 #F5F5F5;  } 
 
.itn_topic { color: #174F82;     font-size: 12px;     font-weight: bold;     }
.itn_txt_right {text-align:right; }
.cufon_line_1 a:link {color: #716F6E; text-decoration: none; outline:none;}
.cufon_line_1 a:visited  {color: #716F6E; text-decoration: none; outline:none;}
.cufon_line_1 a:hover {color: #A9C215; text-decoration: none; outline:none;}
.cufon_line_1 a.active {color: #716F6E; text-decoration: none; outline:none;}


.cufon_line_2 a:link {color: #716F6E; text-decoration: none; outline:none;}
.cufon_line_2 a:visited  {color: #716F6E; text-decoration: none; outline:none;}
.cufon_line_2 a:hover {color: #74C6F5; text-decoration: none; outline:none;}
.cufon_line_2 a.active {color: #716F6E; text-decoration: none; outline:none;}
 


/* Application Content / Text Format
----------------------------------------------------------------------------- */
.p_content  { position:relative; min-height:550px; }
 
.fm_head_normal_b { font-weight: normal; color: #3B5998; }
.fm_head_normal_s12 { font-weight: normal; color: #808080; font-size:11px;}
.fm_head_strong_b { font-weight: bold; color: #3B5998; }
.fm_head_strong_g { font-weight: bold; color: #454545; }
.fm_head_strong_h { font-weight: bold; color: #737373; }


.itn_img_last20 { margin-right:20px; } 
.itn_img_people_s {  
border-color: #DDDDDD; 
border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid;
width:50px; height:50px; background-color:#FFF; }
.itn_img_people_s img { display:block; margin-left:auto; margin-right:auto; } 

.itn_img_people_ss {  
margin-top:3px;
border-color: #DDDDDD; 
border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid;
padding:0px;
width:40px; height:40px; background-color:#FFF; background-image:url( "../images/stl_pic/40x40-no-pic-people.png");   }
.itn_img_people_s img { display:block; margin-left:auto; margin-right:auto; } 



.itn_img_people_l { 
border-color: #DDDDDD; 
border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid;
width:50px; height:50px; background-color:#FFF; }

.itn_img_people_l img { display:block; margin-left:auto; margin-right:auto; } 


.itn_img_left { margin-left:10px;} 

.itn_box_title { position:relative;  background-color: #E9E9E9;     
border-color: #C2C2C2; 
border-width: 1px 0px 0px 0px;
border-style: solid none none none;
padding: 4px 5px 5px; }

.itn_box_content { position:relative;  padding: 4px 5px 5px;  }

.itn_box_content_min_130 { min-height:130px; }

.itn_bottom_line { border-bottom: 1px solid #C2C2C2; }

a.itn_btn_a_choice { color:#0088CC; cursor: pointer;     text-decoration: none;  }
a.itn_btn_a_choice:hover { color:#0088CC;  text-decoration: underline;  }


 
	

.itn_note_display { 
border-color: #DDDDDD; 
border-width: 1px 0px 0px 0px;
border-style: solid none none none;
padding:0;
margin-top:10px;
margin-bottom:20px;
white-space: wrap;
text-align: left;
vertical-align: text-top; 
position:relative;
 }
 
.itn_a_btn_close { position:absolute;right:5px; top:0px;}
 

/* TABLE TR HOVER - PHENO DEFAULT

--------------------------------------*/
table.table  tbody tr:hover { background-color:#DDE5FF; cursor:pointer;  }
table.table  tbody.nohover tr:hover,
table.table  tbody.nohover tr:hover td, 
table.table  tbody.nohover tr:hover th  { background-color:#FFFFFE; cursor:default;  }
table.table-striped tbody.nohover tr:nth-child(odd) td,table.table-striped tbody.nohover tr:nth-child(odd) th{background-color:#f9f9f9 ; cursor:default;}
}

/* Datable Plugin (Sort&Search&Pagination) modify for Boostrap
----------------------------------------------------------------------------- */
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
}
 
table.table thead .sorting { background: url('../images/datatable/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('../images/datatable/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('../images/datatable/sort_desc.png') no-repeat center right; }
 
table.table thead .sorting_asc_disabled { background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right; }
 
table th.center,table td.center{text-align:center; }
table th.left,table td.left{text-align:left; }
table th.right,table td.right{text-align:right; }

.itn_txt_center{text-align:center}
.itn_txt_left{text-align:left}
.itn_txt_right{text-align:right}

.dataTables_length select { width:60px; }
.dataTables_paginate.paging_bootstrap { margin:0 0 10px 0 ;}
.dataTable thead tr {background-color:#FFF; }

 
/* TIPSY HOVER TIP TOOLS 
--------------------------------------*/
.tipsy{font-size:10px;position:absolute;padding:5px;z-index:100000;}.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;padding:5px 8px 4px 8px;text-align:center;}.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed#000;}.tipsy-arrow-n{border-bottom-color:#000;}.tipsy-arrow-s{border-top-color:#000;}.tipsy-arrow-e{border-left-color:#000;}.tipsy-arrow-w{border-right-color:#000;}.tipsy-n.tipsy-arrow{top:0px;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-nw.tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-ne.tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-s.tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-sw.tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-se.tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-e.tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;}.tipsy-w.tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;}

ul.itn_ul_tipsy { margin: 0; padding: 0; list-style-type: none; text-align: left; }
ul.itn_ul_tipsy li { display: inline; text-decoration: none;   }
ul.itn_ul_tipsy li span { margin-left:25px; }
ul.itn_ul_tipsy li img { margin-top:-5px; }  




/*---------------------------
Special Gradian CSS
http://media.24ways.org/2010/marcotte/search.html
this for COPY MODE
-----------------------------*/ 
.text-special {
	padding: 5px 5px ;	
	background-color: #F47A20;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
} 

/*---------------------------
just put some space in footer
-----------------------------*/ 
.addsomespace {
height: 0px;
display:box;
}

.itn_bar_header {
    color: #333333;
    font-size: 12px;
    height: 34px;
    margin: 0 0 5px 0;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	background-color: #F6F6F6;
	border-color: #E2E2E2; 
	border-width: 1px 0px 1px 0px;
	border-style: solid none none none;
}

.itn_table_css { }
.itn_table_css  textarea, .itn_table_css select {
    margin: 0;
	padding: 1px 2px; 
}	
.itn_table_css input[type="text"] {
    margin: 0;
	padding: 2px 2px; 
}	

.itn_table_css th { text-align: center; color: #000000; font-weight: bold;}
.itn_table_css td { text-align: center; }
.itn_table_css tbody tr:hover { background-color:#EDEFF4; cursor:pointer;  }

 

/* this similar to Boostrap - just modify 
----------------------------------------------------------------------------- */
input[readonly].itn-uneditable  { border: 1px solid #CCCCCC; cursor:pointer; background-color:#FFFFFE; }
input[readonly].itn-uneditable:hover { border: 1px solid #CCCCCC; cursor:pointer; background-color:#FFFFFE; }
.itn-unit{padding:5px;margin-bottom:10px;background-color:#F5F5F5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.itn-box-info {     -moz-border-bottom-colors: none;     -moz-border-image: none;     -moz-border-left-colors: none;     -moz-border-right-colors: none;     -moz-border-top-colors: none;    background: none repeat scroll 0 0 #F5F5F5;     border-color: #DEDEDE;     border-style: solid;     border-width: 1px 0;     clear: both;     padding: 5px 10px; } 
.itn-white-bg  {  background-color:#FFFFFE; }
.itn-box-info-nowrap {     -moz-border-bottom-colors: none;     -moz-border-image: none;     -moz-border-left-colors: none;     -moz-border-right-colors: none;     -moz-border-top-colors: none;     background: none repeat scroll 0 0 #F5F5F5;     border-color: #DEDEDE;     border-style: solid;     border-width: 1px 0;     padding: 5px 10px; }
	 
 
.i_hide { position:absolute; top: -99999px; }
 

a.adr_btn_txt  { font-style: normal;  color: #BBBBBB; cursor:pointer;  }
a.adr_btn_txt:hover  {  text-decoration:underline;color:#174F82; } 
 
hr.itn_hr_5 { margin-top:5px;margin-bottom:5px; }
i.itn_i_txt  { font-style: normal;  color: #BBBBBB; cursor:pointer;  }
i.itn_i_txt:hover  {  text-decoration:underline;color:#174F82; } 

 
.itn_sub_area {     background-clip: padding-box;     background-color: #FAFAFB;     border: 1px solid #CACACA;     border-radius: 3px 3px 3px 3px;     color: #393939;     margin: 5px 0 0 0;     overflow: auto;     padding: 10px;   }
.itn_sub_area_bg {     background-image:url( "../images/bg/background-white.png"); background-repeat:repeat-x;  padding: 15px;   overflow: auto;  }


/* Header Bar header-blue-round
-----------------------------------------------------------------------------*/
.itn_header_conner_a { background:url( "../images/bg/background-white.png") no-repeat scroll #FFFFFE; background-position:100% 0px; min-height:250px; padding-right:8px; }
.itn_header_conner_b { background:url( "../images/bg/background-white.png") no-repeat scroll #FFFFFE; background-position: 0 0px;  min-height:250px; }
.itn_header_conner_inner {  padding:10px 15px 15px 20px; }

.itn_waiting_circle { background:url( "../images/progressbar/ajax-loader.gif")  no-repeat scroll ; height: 16px; padding:0 0 0  20px; }
.itn_logo_PHE { background:url( "../images/logo/PHE_logo20px.png")  no-repeat scroll ; height: 20px; padding:0 0 0  145px; }
.itn_logo_PRM { background:url( "../images/logo/PRM_logo20px.png")  no-repeat scroll ; height: 20px; padding:0 0 0  145px; }
.itn_logo_TTA { background:url( "../images/logo/TTA_logo20px.png")  no-repeat scroll ; height: 20px; padding:0 0 0  145px; }

.itn_waiting { background:url( "../images/progressbar/pheno_loader.gif")  no-repeat scroll ; height: 11px; padding:0 0 0  43px; }
 
.itn_title_subcontent {
    background-color: #E5E5E5;
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
    padding: 4px;
    width: 100%;
}

/* Table with small font and nowrap text
-----------------------------------------------------------------------------*/
.itn_table_font11 tr,.itn_table_font11 th,.itn_table_font11 td { font-size:11px; }
table.itn_table_nowrap { table-layout:fixed; }
.itn_table_nowrap td { overflow:hidden;white-space:nowrap;  }

/* Manage Auth Page 
-----------------------------------------------------------------------------*/
.itn_inapp_arrow li {  display: block; text-decoration: none; margin:30px 0;    }

.itn_inapp_list_box  { border: 1px solid #CCCCCC;  background-color: #FFFFFE; } 
.itn_inapp_list_box .outter {  margin: 0; padding: 0;}
.itn_inapp_list_box .header {   background-color: #F2F2F2; }
.itn_inapp_list_box .inner  { border-bottom: 1px solid #CCCCCC; height: 25px; list-style-type: none;     margin: 0;     padding: 5px 0 0px 10px; position: relative;}
.itn_inapp_layout  {  min-height:380px; }
.itn_inapp_right_content  {  min-height: 411px; }



/* Disable / Don't show / Skit / Adjust
----------------------------------------------------------------------------- */
.nohover, input .nohover,input.nohover, div.nohover, div .nohover  { cursor:default;  }
.form-search .nohover,.form-inline .nohover,.form-horizontal .nohover{ cursor:default; }

.nodisplay, input .nodisplay,input.nodisplay, div.nodisplay, div .nodisplay{ display:none;}
.form-search .nodisplay,.form-inline .nodisplay,.form-horizontal .nodisplay{display:none;}


/* For Bootstrap
{     background-color: #98D141;     border-color: #98D141;   border: medium none;  margin: 5px 0px 5px 0;     padding: 0; }
----------------------------------------------------------------------------- */
.bst_page_header {margin-top:5px;margin-bottom:5px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.vertical-bar hr{ margin: 5px 0px 5px 0;border:0;border-top:2px solid #98D141;border-bottom:1px solid #fff; padding: 0; }
html.itn_bst_html_busy, html.itn_bst_html_busy * {  
  cursor: wait !important;  
}  

/* For AJAX FILE UPLOAD - src="../../ref/share/js/bst_boostrap_fileuploader.js"
---------------------------------------------------------------------------*/
.qq-upload-button input {   position: absolute;   top: 0;   right: 0;   margin: 0;   border: solid transparent;   border-width: 0 0 100px 200px;   opacity: 0;   filter: alpha(opacity=0);   -moz-transform: translate(-300px, 0) scale(4);   direction: ltr;   cursor: pointer; }
.qq-upload-failed-text {     display: none; }
.itn_upload_ul 	{ width:550px; border-top:1px solid #DDD; margin-top:10px; }
.itn_upload_li_col1 { float:left; width:250px; }
.itn_upload_li_col2 { float:left; margin-left:25px;   }


.highlight { color: #DD4B39; }

/* For for Place Holder Plugin
---------------------------------------------------------------------------*/


/* For bst_inapp_admin edit CSS by Yuth 23 july 2012 11:30AM
---------------------------------------------------------------------------*/
/* .btn-action , .btn-no-action {  
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;  
	border-radius:2px;  
	background-image:url( "../images/sprite/sprite_chrome_v1.png"); 
	background-repeat:repeat-x; 
	border-style:solid; 
	border-width:1px; 
	cursor:pointer; 
	overflow:visible; 
	padding:2px 8px 2px; 
	text-decoration:none; 
	vertical-align:top; 
	width:auto;
	color:#333333; 
	line-height:1.2; 
	vertical-align:middle; 
	margin:0;min-height:20px; 
	display: inline-block;
} */



.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.me-0 {
	margin-right: 0 !important;
}

.me-1 {
	margin-right: 0.25rem !important;
}

.me-2 {
	margin-right: 0.5rem !important;
}

.me-3 {
	margin-right: 1rem !important;
}

.me-4 {
	margin-right: 1.5rem !important;
}

.me-5 {
	margin-right: 3rem !important;
}

.me-auto {
	margin-right: auto !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ms-0 {
	margin-left: 0 !important;
}

.ms-1 {
	margin-left: 0.25rem !important;
}

.ms-2 {
	margin-left: 0.5rem !important;
}

.ms-3 {
	margin-left: 1rem !important;
}

.ms-4 {
	margin-left: 1.5rem !important;
}

.ms-5 {
	margin-left: 3rem !important;
}

.ms-auto {
	margin-left: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pe-0 {
	padding-right: 0 !important;
}

.pe-1 {
	padding-right: 0.25rem !important;
}

.pe-2 {
	padding-right: 0.5rem !important;
}

.pe-3 {
	padding-right: 1rem !important;
}

.pe-4 {
	padding-right: 1.5rem !important;
}

.pe-5 {
	padding-right: 3rem !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.ps-0 {
	padding-left: 0 !important;
}

.ps-1 {
	padding-left: 0.25rem !important;
}

.ps-2 {
	padding-left: 0.5rem !important;
}

.ps-3 {
	padding-left: 1rem !important;
}

.ps-4 {
	padding-left: 1.5rem !important;
}

.ps-5 {
	padding-left: 3rem !important;
}