.ztree li span.button.add {margin-right:2px; background-position:-143px 0px; vertical-align:top; *vertical-align:middle}
/*ztree_choose_action is for action item chosen when input behaviours*/
.ztree_choose_action * {font-size: 10pt;font-family:"Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial}
.ztree_choose_action li ul{ margin:0; padding:0}
.ztree_choose_action li {line-height:30px;}
.ztree_choose_action li a {width:90%;height:30px;padding-top: 0px;}
.ztree_choose_action li a:hover {text-decoration:none; background-color: #E7E7E7;}
.ztree_choose_action li a span.button.switch {visibility:hidden}
.ztree_choose_action.showIcon li a span.button.switch {visibility:visible}
.ztree_choose_action li a.curSelectedNode {background-color:#D4D4D4;border:0;height:30px;}
.ztree_choose_action li span {line-height:30px;}
.ztree_choose_action li span.button {margin-top: -7px;}
.ztree_choose_action li span.button.switch {width: 16px;height: 16px;}

.ztree_choose_action li a.level0 span {font-size: 150%;font-weight: bold;}
.ztree_choose_action li span.button {background-image:url("./imgs/left_menuForOutLook.png"); *background-image:url("./imgs/left_menuForOutLook.gif")}
.ztree_choose_action li span.button.switch.level0 {width: 20px; height:20px}
.ztree_choose_action li span.button.switch.level1 {width: 20px; height:20px}
.ztree_choose_action li span.button.noline_open {background-position: 0 0;}
.ztree_choose_action li span.button.noline_close {background-position: -18px 0;}
.ztree_choose_action li span.button.noline_open.level0 {background-position: 0 -18px;}
.ztree_choose_action li span.button.noline_close.level0 {background-position: -18px -18px;}


.ztree_mobile_select li span.button {
	line-height:40px; margin:0; width:40px; height:40px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("./imgs/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif");
	transform: scale(2.5)
}
.ztree_mobile_select li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:35px; border:1px #FFB951 solid; opacity:0.8;}
.ztree_mobile_select li{
	padding:0; 
	margin:0; 
	list-style:none; 
	line-height:35px; 
	text-align:left; 
	white-space:nowrap; 
	outline:0
}

.ztree_mobile_select li span {
	line-height:46px;
	margin-right:2px;
	margin-left:10px;
	margin-top:10px;
}
.ztree_mobile_select li span.button.switch {
	width:18px; height:18px;
	margin-right:20px;
	transform: scale(2.5)
}

div.sims_DTE_field {
    float: left;
    width: 50%;
    padding: 5px 20px;
    clear: none;
    box-sizing: border-box;
}

div.DTE div.DTE_Processing_Indicator{
	z-index: 11120;
}

div.DTED_Lightbox_Background { 
  z-index: 11110;
}

div.DTED_Lightbox_Wrapper {
  z-index: 11111;
}


div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
  z-index: 11112;  
}

div.editor-datetime{
  z-index: 11199;  
}

/* this is used to overwrite the original css in editor.dataTables.css
   In order to still make label and input in one same line on phone screen
*/
@media only screen and (max-width: 580px) {
  div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    position: relative;
    zoom: 1;
    clear: both;
    padding: 5px 0;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
    float: left;
    width: 30%;
    padding-top: 6px;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
    float: right;
    width: 70%;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
    padding: 5px 0;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
    width: 100%;
  }
}

/*same as value of 580px in editor.dataTables.css*/
@media only screen and (max-width: 300px) {
  div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    position: relative;
    zoom: 1;
    clear: both;
    padding: 5px 0;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
    float: none;
    width: auto;
    padding-top: 0;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
    float: none;
    width: auto;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
    padding: 5px 0;
  }
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
  div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
    width: 100%;
  }
}

.sims_footer {
  background: #6cf;
  padding: 5px;
  color: #444;
  border-top: 1px solid #d2d6de;
  position:absolute;
  dheight:60px;
  width:100%;
  bottom:0px;
  text-align:center;
}

.simscontent{
	padding-top:.5em;
	padding-left:.5em;
	border-top:5px solid grey;
}

.simsbg{
	background-image: url("/dist/img/bk9.jpg");
	background-position: center;
    background-repeat: no-repeat;
	abackground-size: contain;
    background-size: cover;		
}

div.sims_title_bar{
  border: 0px solid #3b678e;
  background: #3b678e url("/images/title_bg.png") 50% 50% repeat-x;
  color: #0;
  font-weight: bold;
  font-size:15px;
  padding-top:2px;
  padding-bottom:2px;
}

button.btn_selected{
	color: blue;
}

.fr {
    float: right;
}

ul {
    padding-left:10px;
}

/*multiple select control in notice page*/
ul.multiselect-container{
	height: 200px; 
	overflow: auto;
}

 th.exam_column1,td.exam_column1{
	apadding:0px;
	acolor:#008080;
	background-color:#F0FFFF;
}
thw.exam_column2,td.exam_column2{
	apadding:0px;
	acolor:#6A5ACD;
	background-color:#F5F5DC;
}

.exam_whole_average_line{
	color:blue;
}

/*make select control in dataTables editor a little better*/
div.DTE_Form_Content  select{
	height:30px;
	width:100%;	
}
div.w5px_left{
	height:1px;
	width:5px;
	float:left;
	//display:inline-block;
}

.notice_title{
	font-size:15px;
	font-weight:bold;
}

li.notice_key,div.notice_key{
	font-size:12px;
	font-weight:bold;
}
span.notice_value{
	font-weight:normal;
	color:#173177;
}
span.notice_content{
	font-weight:normal;
	color:#DC7633;
}
div.date_input{
	display:inline-block;
	border:solid grey 1px;
	padding:1px;
	color:#337ab7;
	background-color:white;
	height:25px;
	width:100px;	
}
div.date_input_field{
	display:inline-block;
	border:solid grey 1px;
	box-sizing: border-box;	
	margin:0;
	padding:6px 4px;	
	background-color:white;
	height:33px;
	width:100%;	
}
div.date_time_input{
	display:inline-block;
	border:solid grey 1px;
	padding:1px;
	color:#337ab7;
	background-color:white;
	height:25px;
	width:130px;	
}

.content_into{
	height:2rem;
	width:100%;
	background-color:#fff;
	font-size:0.8rem;
	margin: 0.3rem 0 0.35rem 0;
}
.content_into ul{
	width:100%;
	margin:0 auto;
	color:#999;
	background-color: #f3f3f3;
    list-style: none;
}
.content_into ul li{
	float:left;
	text-align:center;
	line-height:2rem;
}
.content_into ul li:last-child em{
	border-right: none;
}
.content_into ul li em{
	border-right: 1px #aaa solid;
	padding: 0 0.83rem;
	font-size:1.5rem;
	font-style: normal;
	font-weight: bold;
	cursor:pointer;
}
.content_into_li{
	color:#000;
}
em.btn_selected{
	color: blue;
}