/*-----------------global----------------------*/
body{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: inherit;
	font-size:12px;
	margin:0;
   	padding:0;
   	height:100%;
  	min-width:1080px;
}

td{
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color:#5953A4;
    text-decoration: none;
	cursor:pointer;
}
a:focus {
	outline: #eee;
	border:1px dotted;
}
h1{font-size:24px;font-weight:bolder}
h3, h4{
	margin:0px;
}
img{border:0}
.clearfix{
	clear:both;
}
ul{ 
	list-style: none; 
}

hr.style1{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
	border-color: rgba(0, 0, 0, 0.1);
}
.line{
border-top:1px solid #888; 
margin-top:10px;	
}
.inline{
	display:inline-block;
}
.hideEle,.hide-section{
	display:none;	
}
.smallWindow .uid-warpper,.bigWindow .uid-warpper{
	padding-bottom:20px;
}
.smallWindow{
	min-width:770px;
}
.bigWindow{
	min-width:1080px;
}
.inactive{
	opacity:0.2;
	cursor:default;
}
/*-------------color----------*/
.black{
	color:#000;
}
.grayccc{
	color:#ccc;
}
.gray666{
	color:#666;
}
.gray444{
	color:#444;
}
.gray999{
	color:#999;
}
/*----------font-------------*/
.largeHeader {
	background-color:#c0c0c0; 
	font-size:16px; 
	font-weight: bold; 
	text-decoration: none;
}
.subRedText{
	font-size:10px;
	color:#ff0000;
}
.subRedTextIndent{
	padding-left:8px;
}
.em{
	font-style:italic;
}
.bold{
	font-weight:bold;
}
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.bg-white{
	background:#fff;
	padding:10px;
}
.font-normal{
	font-weight:normal;
}
/*----------background-------------*/
.bg-gray{
	background:#F3F3F3;
	color:#A19D98;
	font-weight:bold;
}
.bg-gray-ef{
	background:#EFEFEF;
	color:#999;
	font-weight:bold;
}
.bg-gray999{
	background:#999;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
/*--------padding----------*/
.padding-right-zero {
	padding-right:0;	
}
.padding-left-zero {
	padding-left:0;	
}
th.padding-left-zero{
	padding-left:0;
}
th.padding-right-zero{
	padding-right:0;
}
.padding-right5{
	padding-right:5px;
}
.padding-right10{
	padding-right:10px;
}
.padding-right30{
	padding-right:30px;
}
.padding-left5{
	padding-left:5px;
}
.padding-left10{
	padding-left:10px;
}
.padding-left30{
	padding-left:30px;
}
.padding5{
	padding:5px;
}
.padding10{
	padding:10px;
}
.padding15{
	padding:15px;
}
.margin-right10{
	margin-right:10px;
}
.margin-left10{
	margin-left:10px;
}
.margin-bototm0{
	margin-bottom:0;
}

/*-------alignment----------*/
.center{
	text-align:center;
	margin:auto;
}
.center_margin,
.center_margin_medium ,
.center_margin_big
{
	margin:10px auto 0 auto; 
}
.center_margin{
	width:620px;
}

.center_margin_medium{
	width:800px;
}
.center_margin_big{
	width:960px;
}
.align-top{
	vertical-align:top;
	padding-top:8px;
}
.left-align{
	text-align:left;
}
.pull-left{
	  float: left;
    margin-right: 0;
}
.pull-right{
	float: right;
    margin-right: 0;
}
/*------------width---------------*/
.width100{
	width:100%;
}
.width97{
	width:97%;
}
.width95{
	width:95%;
}
.width80{
	width:80%;
}
.width70{
	width:70%;
}
.width50{
	width:50%;
}
.width40{
	width:40%;
}
.width30{
	width:30%;
}
.width35{
	width:35%;
}
.width16_6{
	width:16.6%;
}
.width27{
	width:27%;
}
.width26{
	width:26%;
}
.width25{
	width:25%;
}
.width20{
	width:20%;
}
.width17{
	width:17%;
}
.width15, input.widthSm, input[type='text'].widthSm{
	width:15%;
}
.width13{
	width:13%;
}
.width10{
	width:10%;
}
.width5{
	width:5%;
}
.width2{
	width:2%;
}
input.width70{
	width:70%;
}
input.widthAuto, .widthAuto, input[type='text'].widthAuto{
	width:auto;
}
.minHeight{
	min-width: 135px;
	_width: 135px;
}
.fixWidth200{
	min-width: 210px;
	_width: 210px;
}
.maxWidth{
	max-width:150px;
	overflow:hidden;
	text-overflow: ellipsis;
}
.table1.table-style3 th.width25 {
    min-width: 20%;
}
.table-style3 td.width45{
	width:45%;
}
.table-style3 td.width25, .table-style3 th.width25{
	width:25%;
}
.table-style3Info .td-small, .table-style3 .td-small{
	width:20%;
	border-right:1px solid #ccc;
}
.table-style3Info .td-xsmall, .table-style3 .td-xsmall{
	width:5%;
	
}
.table-style3 td.width15{
	width:15%;
}
.table-style3Info th.width15{
	width:15%;
}
.table-style3Info th.width40{
	width:40%;
}
.table-style3Info th.width50{
	width:50%;
}

/*-----fix table style 3 width---------*/
.fix-tablecell-width .table-style3Info td,
.fix-tablecell-width .table-style3 td {
    width: auto;
}
.fix-tablecell-width .table-style3Info th, 
.fix-tablecell-width .table-style3 th ,
.fix-tablecell-width .table1.table-style3Info-white th {
    width: auto;
	min-width:0;
}
.fix-tablecell-width .table-style3Info th.width75,
.fix-tablecell-width .table-style3Info .width75{
	width:75%;
}
.fix-tablecell-width .table-style3Info th.width65,
.fix-tablecell-width .table-style3Info .width65{
	width:65%;
}
.fix-tablecell-width .table-style3Info th.width55,
.fix-tablecell-width .table-style3Info .width55{
	width:55%;
}
.fix-tablecell-width .table-style3Info th.width45,
.fix-tablecell-width .table-style3Info .width45{
	width:45%;
}
.fix-tablecell-width .table-style3Info th.width40,
.fix-tablecell-width .table-style3Info .width40{
	width:40%;
}
.fix-tablecell-width .table-style3Info th.width37,
.fix-tablecell-width .table-style3Info .width37{
	width:37%;
}
.fix-tablecell-width .table-style3Info th.width35,
.fix-tablecell-width .table-style3Info .width35{
	width:35%;
}
.fix-tablecell-width .table-style3Info th.width30,
.fix-tablecell-width .table-style3Info .width30{
	width:30%;
}
.fix-tablecell-width .table-style3Info th.width20,
.fix-tablecell-width .table-style3Info .width20{
	width:20%;
}
.fix-tablecell-width .table-style3Info th.width23,
.fix-tablecell-width .table-style3Info .width23{
	width:23%;
}
.fix-tablecell-width .table-style3Info .td-xsmall {
    width: 3%;
}
.fix-tablecell-width .table-style3Info .td-small10 {
    width: 10%;
}
.fix-tablecell-width .table-style3Info .td-small15 {
    width: 15%;
}

.fix-tablecell-width .table-style3Info .td-small {
    width: 17%;
}
.fix-tablecell-width .table-style3Info .td-medium {
    width: 27%;
}
.table-style3Info .td-medium {
    width: 27%;
}
.fix-tablecell-width .table-style3Info .td-medium2 {
    width: 37%;
}
.table-style3Info .td-medium2 {
    width: 37%;
}
.table-style3Info .td-small15 {
    width: 15%;
}
.table-style3Info .td-small10 {
    width: 10%;
}
/*------------grid---------------*/
.span6{
	width:49%;
	float:left;
}
.span5{
	width:48.8%;
	float:left;
}
.span4{
	width:33.3%;
	float:left;
}
.span3{
	width:24.3%;
	float:left;
}
.span2{
	width:15.5%;
	float:left;
}
.span1{
	width:7.8%;
	float:left;
}
.span2.pull-right,
.span5.pull-right,
.span6.pull-right{
	float:right;
}
.spanFix{
	width:25.6%;
	float:left;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"],
.row-fluid .col-5 {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child,
.row-fluid .col-5:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}
.row-fluid .span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}
.row-fluid .span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}
.row-fluid .span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}
.row-fluid .span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}
.row-fluid .span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}
.row-fluid .span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}
.row-fluid .span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}
.row-fluid .span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}
.row-fluid .span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}
.row-fluid .span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}
.row-fluid .col-5{
    float: left;
    width: 19.7%;
}
.row-fluid .col-5-5{
    float: left;
    width: 18.27%;
}
.row-fluid .col-5-3{
    float: left;
    width: 51%;
}
.row-fluid .col-5-2{
    float: left;
    width: 38.7%;
}
.row-fluid .col-5-actionBtn {
    float: left;
    width: 19.1%;
}
/*----------height------------*/
.spacer2{
	height:2px;
	clear:both;
}
.spacer3{
	height:3px;
	clear:both;
}
.spacer4{
	height:4px;
	clear:both;
}
.spacer5{
	height:5px;
	clear:both;
}
.spacer8{
	height:8px;
	clear:both;
}
.spacer10{
	height:10px;
	clear:both;
}
.spacer13{
	height:13px;
	clear:both;
}
.spacer15{
	height:15px;
	clear:both;
}
.spacer18{
	height:18px;
	clear:both;
}
.spacer20{
	height:20px;
	clear:both;
}

.fix-button-top{
	line-height:30px;
}
.line-height-zero{
	line-height:0;	
}
/*------page structure----*/
.uid-wrapper{
	width:100%;
	margin:0 60px;
	 position: relative;
   
}
.uid-container{
	padding:0 60px;
	margin:0 auto;
	position: relative;
	max-width:1400px;
}
.uid-content{
	padding:0;
}
.right, .left{
	white-space: normal;
	vertical-align: top;
	display: inline-block;
	/* if you need ie6/7 support */
	*display: inline;
	zoom: 1
}
/*----banner section---*/
#uid-header{
	text-align:center;
	padding:0px;
	position:relative;
	background: #fff;
	margin:0;
	line-height:0;
}
#uid-header img{
	padding:0;
	margin:0;
}
/*---state ID and user---*/
.page-title3 {
    margin-bottom: 5px;
    text-transform: uppercase;
	margin-top:5px; 
	margin-left:44px; 
	clear:left; 
	position:absolute;
	color: #FFFFFF;
    font-size: 18px;
	font-weight:bold;
	display:inline-block;
}
.title-noMenu{
	margin-left:0;
}
.text_under{
	font-size:7px;
	font-weight:bold;
	position:absolute;
	color:#fff;
	margin-left:7px;
	top:13px;
	
}
/*-----menu and help icon----*/
.uid-menu{
	width:100%;
	
	background-image:url(../images/bg_header.PNG);
	 background-repeat: repeat-x; 
	 height:35px; 
	 padding-top:8px;
	line-height:15px; 
}
.uid-menu .user-details {
	color:#fff;
	font-weight:bold;
	line-height: 12px;
    padding-top: 6px;
    text-align: right;
	font-size:10px;
	display:inline-block;
	position:relative;
}
.uid-menu ul.dropdown li {
    background: none repeat scroll 0 0 #000;
	 background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ 
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#050505), to(#424342)); /* Safari 5.1, Chrome 10+ */ 
	 background: -webkit-linear-gradient(top, #050505, #424342); /* Firefox 3.6+ */ 	
	 background: -moz-linear-gradient(top, #050505, #424342); /* IE 10 */ 
	 background: -ms-linear-gradient(top, #050505, #424342); /* Opera 11.10+ */ 
	 background: -o-linear-gradient(top, #050505, #424342);

}
.uid-menu ul.dropdown li a{
		 padding-top:9.7px;
		 padding-bottom:9.7px;
}
.uid_title{
	width:100%;
	height:30px;
	background:#EEE;
	padding-top:2px;
	box-shadow: none;
	margin-top:0;
	line-height:28px;
	font-size:16px;
	position:relative;
}
.uid-menu .page-title2 a{
	color: #AEA9A4;
}
.uid-menu .page-title{
	font-size:18px;
	margin-top:5px;
	margin-right:40px;
	margin-left:5px;
	color:#fff;
}
.header-main{
	font-size:28px;
	color:#999;
}
.sub-header-main{
	font-size:14px;
	color:#666;
	font-weight:bold;
}

/*drawerMenu*/
.menu-drawer-container{
display:inline-block; 
margin-top:-1px; 
margin-left:3px;
position:absolute;	
}
.menu-drawer img{
padding-bottom:-10px; 
padding-right:0px; 
margin-left:5px;	
margin-top: 8px;
padding-top:0;
}
.menu-drawer:hover{
	color:#fff;
	text-decoration:none;
	
}

.drawerMenu{
	position:absolute;
	top:13px;
	left:465px;
	background:#fff;
	padding-left:0;
	line-height:20px;
	display:none;
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
	border-left:6px solid #9966ff;
	border-right:6px solid #9966ff;
	border-bottom:6px solid #9966ff;
	box-shadow: inset 0px 2px 8px -6px;
}

.drawerMenu li{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	width:155px;
}
.drawerMenu ul{
	padding-left:0;
}
.drawerMenu .sub_menu{
	margin-bottom:15px;
}
.drawerMenu .sub_menu li{
	font-size:12px;
	text-align:right;
}

input{
	margin:0;
}

.drawerMenu .border-end {
    background-color: #9966FF;
}
.drawerMenu .border-end .divider {
	background-color: #8C5DE9;
    border-bottom: 1px solid #A273FF;
	display: block;
    height: 1px;
    padding: 0;
	color: #CCCCCC;
    line-height: 0;
    margin: 6px 0px 0;
	overflow: hidden;
}
.drawerMenu .shadow {
    background: none repeat scroll 0 0 #ccc;
    display: block;
    height: 6px;
    margin-bottom: 6px;
    margin-left: -6px;
    margin-right: -6px;
    opacity: 0.2;
    padding: 0;
}

.drawerMenu2{
	left:-13px;
	background:#EEE;
	padding-left:0;
	padding-top:0;
	line-height:20px;
	display:none;
	border-bottom-top-radius: 0;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	z-index:500;
	box-shadow: none;
	border-top:1px solid #ccc;
	position:relative;
}
.drawerMenu2 ul{
	margin-top:0;
	margin-bottom:0;
}
.drawerMenu2 li{

	color:#666;	
	padding-right:10px;
}
.drawerMenu2 .sub_menu{
	margin-bottom:10px;
}
.drawerMenu2 .sub_menu li{
	text-align:left;
	

}
.drawerMenu2 .sub_menu li a, .panel-top, .panel-bottom{
	color:#888;
	width:150px;
	display:block;
	font-size:13px;
	text-transform:none;
	font-weight:bold;
}
.drawerMenu2 .sub_menu li a:hover, .drawerMenu2 .sub_menu li .active {
	color:#EEE;
	background:#666;
	text-decoration:none;
	padding-left:5px;
}
.drawerMenu2 .sub_menu li .active {
	cursor:default;
}
.drawerMenu2 hr{
	border: 0;
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
	margin-top:0px;
	margin-bottom:2px;
}
.drawer-btn3{
	cursor:pointer; 
	position:relative;
}
.drawer-btn3:hover img{
	opacity:0.7;
}
.drawer-btn3 img{
margin-left:0px;	
}
.panel-top, .panel-bottom{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	width:auto;
	position:relative;
	
}
.panel-top a, .panel-bottom a{
	color:#888;
}
.panel-top a:hover, .panel-bottom a:hover{
	color:#666;
	text-decoration:none;
}
.panel-top{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	margin-top:2px;
	z-index:480;
}
.panel-bottom{
	border-top:1px solid #ccc;
	padding-top:3px;
	text-align:right;
	z-index:440;
}
/*-------header panel and collapse section------*/
/*collapes section*/
.collapes_icon{
	background:#eee; 
	padding:11px 10px ; 
	display:inline-block; 
	margin-top:-19px; 
	cursor:pointer;
	text-align:right;
	width:auto;
}
.collapse-bar{
	position:relative;
	padding:10px 0px;
	width:100%;
}

.hr-light{
	border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.label-collapse{
	position:absolute;
	background:#fff;
	top:25%;
	left:48%;
	padding:0 2px;
	color:#999;
	font-weight:bold;
	font-size:10px;
	
}

.label-collapse2{
	color: #444;
	background: #EFEFEF;
	top: 1px;
	margin-top: -6px;
	font-size: 8px;
}
.label-collapse-eeeBg{
	background:#eee;
	padding-left:5px;
	padding-right:5px;

}
.label-collapse-center{
	left:50%;
	background:none;
	
}
.label-collapse-text{
	position: relative; 
	left: -50%;
	background:#fff;
	padding:0 5px;
	text-transform:uppercase;
}
.system-message{
	font-size:12px;
	color:#222;
}
.system-message .label-collapse-text{
	background:#eee;
	font-size:10px;
}
/*.label-collapse-oversize .label-collapse-center{
	left:45%;
	
}*/
/*.label-collapse-oversize .label-collapse-text{
	left: -45%;
}*/

/*------page title section---*/
.page-panel-container{
	position:absolute;
}
.page-name{
	color:#999;
	display:inline-block;
}
.subpage-name{
	color:#666;  
	font-weight:bold;
	display:inline-block;
}
.page-name-sub{
	font-size:15px;
}
.page-icon{
	/*padding:3px 0px;*/   
	display:inline-block;
	position:relative;
}
.page-icon img{
	margin:3px 0 -3px 0;
}
/*----- header section for table ex. person information, add note link-----*/
.title-link{
	line-height:22px; 
	font-size:11px; 
	font-weight:bold;
	
}
.title-link-border{
	padding-right:6px;
	margin-right:2px;
	border-right:1px solid #999;
}
.title-link img{
	width:20px;
	vertical-align:middle;	
}
.icon-label{
	color:#444;
	font-weight:bold;
	font-size:9px;
}
/*header title style*/
.header_label, .header_info,.header_info_red{
	font-size:16px;
	color:#666;
	text-transform:uppercase;
}
.header_info_red{
	color:#ff0000;
}
.header_label{
	font-weight:normal;
}

.header_info,
.header_info_red{
	font-weight:bold;
}
.header-big-light{
	font-size:16px;
	color:#999;
}
.info{
	line-height:18px;
	font-size:12px;
}
/*-------table-----*/
td, th{
	padding-left:7px;
	padding-right:7px;
	
}
td.no-padding{
	padding:0;
}
/*fix zebra stripe table*/
tr.even {
    background:#ffffff;
}
tr.odd , .double-zebra-stripe tbody> tr:nth-child(4n-1), .double-zebra-stripe tbody > tr:nth-child(4n){
    background:#fafaf9;
}   
.table1{
	border-collapse:collapse;
	border:none;
	margin-bottom:6px;
	border-left:none;
	border-right:none;
	width:100%;

}
.table1  th{
	border-bottom: none;
	border-top: none;
	background:#eee;	
	color: #333;
	font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:12px;
	padding-top:5px;
	padding-bottom:5px;
	height:35px;
	background:#fff;
	color:#A19D98;
	font-weight:bold;
}

.table1 tbody td{
	height:40px;
}
.table1  td{
	font-size: 12px;
	color: #444;
	padding-top:5px;
	padding-bottom:5px;
	
}
.table1 td .font10{
    font-size: 10px;
}
.table1 td, .table1 th{
	padding-top:0;
	padding-bottom:0;
	text-align:left;
}
.table1 th:last-child, .table1 td:last-child{
	border-right:1px solid transparent;
}

.table1 .tr-hover td:first-child{
	border-left:1px solid  transparent;
}
.table1 .tr-hover td:last-child{
	border-right:1px solid  transparent;
}
.tr-hover tr{
	border:1px solid  transparent;
}
.table1 td.center{
	text-align:center;
}

.table1 input{
	color:#333;
}
.table1.table-center td:nth-child(2),
.table1.table-center td:last-child{
	text-align:center;
}

.table1 tbody tr .gridDetail.change{
    background: none repeat scroll 0 0 #efefef;
}
.tr-hover tr:hover{
	border:1px solid #ccc;
}
.table1 .tr-hover tr:hover td{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table1 .tr-hover tr:hover td:first-child,
.table1 .tr-hover tr:hover td:first-of-type{
	border-left:1px solid #ccc;
}
.table1 .tr-hover tr:hover td:last-child{
	border-right:1px solid #ccc;
}
.uid-container .table1 a.lowerCase, .lowerCase{
	text-transform:none;
}
                            
.unSelectedTab{
	background-color: #f1f1f1;
}
.table-container{
	 width: 950px;
	 overflow:auto;
	 white-space: nowrap
}

.action-col{
	width:175px;
}
.action-col-small{
	width:90px;
}
.action-2col{
	width:340px;
	padding-left:35px;
}
.action-col+.action-col{
	padding-left:0;
}
.table1 .bg-gray th {
	background:#F3F3F3;
	color:#A19D98;
	font-weight:bold;
}
.table1 a{
	/*color:#6D00D9;*/
	color:#5953A4;
	text-decoration:underline;
}
.table1.black-bold td .black {
	color: #000;
	font-weight: bold;
}
.table1 tfoot td{
	color:#666;
	font-size:10px;
	font-weight:bold;
	padding:0;
}
.table1 tbody tr:last-child td{
	/*padding-bottom:10px;*/
}
.table-last-child-bottom-zero tbody tr:last-child td{
	padding-bottom:0px;
}
.table1 tfoot a.inactive{
	/*color:#CC99FF;*/
	color:#ccc;
	opacity:1;
}
.table1 tfoot td{
	height:20px;
	line-height:28px;
}
/*-----------------table style2---------------------*/
.table1.table-style2 th,
.table1.table-style2 td{
	line-height:15px;
	height:40px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table1.table-style2 td{
	font-size:12px;
	color:#000;
}
.table1.table-style2 td .black{
	color:#000;
}
.table1.table-style2 th:first-child{
	text-align:right;
	padding-right:20px;
}
.table1.table-style2 th:first-child,
.table1.table-style2 td:first-child  {
    text-align: left;
}
.table1.table-style2 td:first-child  {
    font-size:10px;
}
.table1.table-style2 th:last-child{
    text-align: right;
}
.table1.table-style2 th, .table1.table-style2 td{
	height:28px;
}
.table-style2 th:last-child, .table-style2 td:last-child{
	border-right:none;
}
.table1.table-style2 .noBorderBottom, .noBorderBottom{
	border-bottom:none;
	
}
.table1.table-style2 tr:nth-child(2n) .gridDetail{
	background:transparent;
}
.table1.table-style2 tr:nth-child(2n) .change{
	background:#fff5d6;
}
.table-style2 tbody tr:last-child td {
    padding-bottom: 0px;
}

/*----------table style3-------------------*/
.table1.table-style3 th,
.table1.table-style3 td{
	font-size:10px;
	line-height:15px;
	height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-weight:normal;
}
.table1.table-style3 th{
	border-top:1px solid #ccc;
	 background:#F3F3F3;
	 min-width:120px;
}
.table1.table-style3 th.widthAuto, th.widthAuto {
    min-width: 0 ;
	width:0 !important;
}
.table1.table-style3.widthFix th {
	width:200px;
	min-width:0px
}
.table1.table-style3 td{
	font-size:18px;
	color:#888;
	background:#fff;
}

.table1.table-style3 input[text], .table1.table-style3 input[number], .table1.table-style3 select{
	width:100%;
	border:none;
	background:#fff;
	margin-bottom:0;
}
.table1.table-style3 td:last-child{
	border-right:1px solid #ccc;
}
.table1.table-style3Info  .change-info,
.table1.table-style3Info  .change-info:last-child{
	background:#C4C4C4;
}
.table-style3 th{
	text-transform:uppercase;	
}
.table-style3 .text,
.table1.table-style3Info-white td, 
.table1.table-style3Info-white td:last-child{
	padding-left:5px;
}

.tr-hover tr{
	border-top:1px solid #fff;
	/*border-bottom:1px solid #fff;*/
	padding-top:1px;
}
.table1.table-style3Info td{
    font-size: 12px;
    text-align: left;
	background:#F3F3F3;
	color:#000;
	font-weight:bold;
}
 .table1.table-style3Info th:last-child,
 .table1.table-style3Info td:last-child{
	border-right:none;
}
/*-----table style 3 info but have white bg for data------*/
.table1.table-style3Info-white td,
.table1.table-style3Info-white td:last-child {
	background:#fff;
	border-right:1px solid #ccc;
	padding:0 5px;
}
.table1.table-style3Info-white th{
	min-width:33%;
}
.table1.table-style3Info-white  .change-info,
.table1.table-style3Info-white  .change-info:last-child,
.table1.table-style3Info-white  .change-info:first-child{
	background:#fff5d6;
}
.table1.table-style3Info-white input[type="text"],
.table1.table-style3Info-white input[type="number"],
.table1.table-style3Info-white input[type="text"],
.table1.table-style3Info-white input[type="password"],
.table1.table-style3Info-white select{
	height:24px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align: left;
	font-family: arial;
	margin:0;
	border:none;

}
.table1.table-style3Info-white select{
	height:18px;
	padding:0;
	
}
.table1.table-style3Info-white .inactive,
.table1.table-style3Info-white .inactive:last-child{
	opacity: 1;
	background-color:transparent;
}
.table1.table-style3Info-white .inactive:last-child{
	border-right:none;
}
.table1.table-style3{
	width:100%;
	border-top:none; 
	border-bottom:none; 
	position:relative; 
	
}
.table-style3Info th, .table-style3 th{
	width:30%;
}
.table1.table-style3 .bgGray{
	background:#F3F3F3;
}
.table1.table-style3 .noBorderRight{
	border-right:none !important;
}
.table-style3 .header-table-style3 .gridHeader{
	font-weight:bold;
	font-size:11px;
	color:#444;
}
/*------table 4 bg: white, text: black no-border-right&left use with .table-style2 ex. school info popup------------*/
.table4{
	width:95%;
}
.table4Width100{
	width:100%;
}
/*.table1.table4 th{
	font-size:14px;
	font-weight:bold;
	color:#999;
	background:#fff;

}*/
.table1.table4 td, .table1.table4 td:first-child, .table1.table4 th {
	font-size:14px;	
	color:#000;
	font-weight:normal;
	text-transform:none;
}

.table1.table4.table3font td, .table1.table4.table3font td:first-child {
	font-size:12px;	
	font-weight:bold;
	
}
.table1.table4.table3font th{
	font-size:10px;
	font-weight:normal;
	width:30%;
	color:#999;
	background:#fff;
	text-transform:uppercase;
}
.table1.table4 td:last-child {
	border-right:none;
}
 .table1.table4 tr:first-child{
	 border-top:1px solid #ccc;
 }
/*----------enrollment table with collapse-----*/
 .table-style4{
	margin-bottom:20px;
}
.table-style4:first-child{
	margin-bottom:0;
}
.table-style4 tbody td, 
.table-style4 th{
	height:20px;
	font-weight:bold;	
}
.table-style4 .bg-white td{
	height:30px;
}

.header_table4{
	font-size:16px;
	font-weight:bold;
	color:#999;
	margin-bottom:5px;
	padding-left:8px;
}
/*-----retire table----*/
.bg-retire{
	background: none repeat scroll 0 0 #f3f3f3;
	background-image: url("../images/retired_bg.jpg");
}
.bg-retire .table1.table-style3 th {
    background: none repeat scroll 0 0 transparent;
}
.bg-retire .table1.table-style3Info td:last-child,
.bg-retire .table1.table-style3Info td {
    background: none repeat scroll 0 0 transparent;
}
.table-style3 .text,
.radio-wrapper{
	padding-left:5px;	
}
/*------table with white background----*/
.table-white tbody tr:nth-child(2n+1) .gridDetail {
    background: none repeat scroll 0 0 #fff;
}
.table1.table-white th, .table1.table-white td {
    border-right: none;
}
.table1.table-white th{
    font-size: 10px;
	color:#666;
}
.table1.table-white th:last-child {
    text-align: left;
}
.table-white td:last-child {
    text-align: left;
}
.table1.table-white th:first-child {
    padding-right: 5px;
}
.table-white td:last-child {
    font-size: 12px;
}
/*---------------table bg gray-----------------*/
.table-gray th,  .table-gray td,
.table-gray tbody tr:nth-child(2n) .gridDetail,
.table-gray tbody tr:nth-child(2n+1) .gridDetail{
    background: none repeat scroll 0 0 #eee;
	color:#999;
	font-size:10px;
}
.table1.table-gray th{
	font-weight:bold;
	
}
.table-gray tbody tr:nth-child(2n) .gridDetail:last-child ,
.table-gray tbody tr:nth-child(2n+1) .gridDetail:last-child {
	color:#777;
	font-size:12px;
}
.table1.table-style2 th:last-child {
    text-align: center;
}
.table1.table-style2 .textLeft {
    text-align: left !important;
}
.uid-container .table-gray  td:last-child {
    text-align: left;
	padding-left:15px;
	
}

/*-----table with background td----*/
.table1 tbody tr .gridDetail.change{
    background: none repeat scroll 0 0 #efefef;
}
.uid-container .table1.table-style3Info td:last-child.change {
    background: none repeat scroll 0 0 #E1DFDA;
}
.table-white tbody tr .gridDetail.change {
	background: none repeat scroll 0 0 #FFF5D6;
}
/*------------table with all cell width auto------------*/
.table-th-width-auto th,
.table1.table-th-width-auto th{
	width:auto;
	min-width: 0;
}
/*-----table other css-----------*/
.uid-container .table1.table-style3Info-white .action .btn1 {
	margin-left:5px;
}
.uid-container .table1.table-style3Info-white .action .btn_left_zero{
	margin-left:-5px;
}

.table1.table-style3 th.multipleLine, .table1.table-style3 td.multipleLine {
		line-height:20px;
		vertical-align:top;
}
.uid-container .table1.table-style3Info-white th.multipleLine, 
.uid-container .table1.table-style3Info-white td.multipleLine, 
.uid-container .table1.table-style3Info-white td.multipleLine:last-child{
		padding-top:5px;
		padding-bottom:5px;
}
.table-td-last-padding-bottom-zero .tr-hover tr:last-child td {
    border-bottom:1px solid transparent;
	padding-bottom: 0px;
}
.table-td-last-padding-bottom-zero .tr-hover tr:last-child:hover td {
    border-bottom:1px solid #ccc;
}
.table-td-last-padding-bottom-zero{
	margin-bottom:0;
}
.table1 th.close{
	 background: none repeat scroll 0 0 #5953a4;
    box-shadow: 0 -3px 0 #46008c inset;	
}
.table1 th.close:hover{
    background:#6562B7;
	-moz-box-shadow:    inset 0px -3px 0px #471975;
   -webkit-box-shadow: inset 0px -3px 0px #471975;
   box-shadow:         inset 0px -3px 0px #471975;
}

.table1 th.open{
	background:#F3F3F3;	
}
.table1 th.open:hover .arrow-down-blue{
	 border-bottom: 7px solid #726FC6;
}
td.ellipsis, td .ellipsis{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 215px; 
	line-height:40px;
}
th.idNum{
	width:80px;	
}
.table-style2.table-white td:first-child{
	text-transform:uppercase;	
}
.height30 th{
	padding-top:5px;
}
.height30 td{
	padding-bottom:5px;
}
/*--------check box in the last td---------*/
.table1.table-style3Info .checkBoxForm td:last-child,
.table1.table-style3Info .checkBoxForm .checkbox{
	text-align:center;
	font-size:15px;
	background-color: transparent;
    opacity: 1;
}
.table1.table-style3Info .checkBoxForm th:last-child,
.table1.table-style3Info .checkBoxForm td:last-child{
	border-right:none;
}
.table1.table-style3Info .checkBoxForm .td-lastchild-fixed:last-child{
	border-right:1px solid #ccc;
	background: none repeat scroll 0 0 #fff;
}

/*---------------pagination---------------*/
.page-menu{
	border-top: 1px solid transparent !important;
	border-bottom:1px solid #eee;
	position:relative;
}
.page-menu span{
	padding-right:20px;
}
.page-menu span:last-child{
	padding-right:0;
}
.page-display{
	position:absolute; 
	left:0%; 
}
.page-menu .display_from{
	padding-right:0;
}
.dash-footer {
	height:2px;
    background: url("../images/dash_tfoot.png") repeat-x scroll 0% 0% rgba(0, 0, 0, 0);
	margin-top:-1px;
	margin-bottom:0px;
	padding-top:0px;
}
/*------------------tab--------------------*/
/*tap*/
#tabs{

   height:33px; 
   padding-right: 2px;
   margin-top: 30px;
   margin-bottom:0;
   padding-left:0;
   text-align:center;
   margin-left: auto;
   margin-right:auto;
   

}
.tab-container .control-group {
    padding-right: 0px;
}

#tabs li{
    float:left; 
    list-style:none; 
    border-top:1px solid #ccc; 
    border-left:1px solid #ccc; 
    border-right:1px solid #ccc; 
    /*margin-right:20px; */
    border-top-left-radius:3px;  
    border-top-right-radius:3px;
    outline:none;
	margin-left:0;
	border-bottom:none;
	position:relative;
	z-index:1;
}
#tabs li:first-child{
	width:25%;
	border-right:none;
	border-top-right-radius:0px;
	
}
#tabs li:last-child{
	margin-right:0;
	width:75%;
	float:right; 
	margin-right:-2px;
	border-left:none;
	border-top-left-radius:0px;  
}
#tabs li a{

    font-family:Arial, Helvetica, sans-serif; 
    font-size: small;
    font-weight: normal; 
    color: #666;
   padding-top: 10px;
   padding-left: 7px;
   padding-right: 7px;
    padding-bottom: 10px; 
    display:block; 
    background: #FFF;
    text-decoration:none;
    outline:none;
	text-align:center;
	cursor:default;
}

#tabs li a.inactive{
    padding-top:10px;
    padding-bottom:10px;
  	padding-left: 8px;
  	padding-right: 8px;
    background: #ccc;
   outline:none;
   border-bottom: solid 1px #CCC;
   color:#666;
   margin-bottom:1px;
   opacity:1;
   cursor:pointer;

}

#tabs li:first-child a.inactive{
	 border-top-right-radius:0px;
}
#tabs li a.inactive:hover{
    color: #000;
      outline:none;
}

.tab-container {
	position:relative;
   	border-top: solid 1px #CCC;
    clear:both;           
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
  	border-bottom: solid 1px #CCC;
    text-align:left;
  	top:-3px;
	padding-top:4px;
	padding: 10px 0px 0;

}

.tab-container-padding-LR_zero {
	padding-left:0;
	padding-right:0
}

.tab-container h2 { 
	margin-left: 15px;  
	margin-right: 15px; 
	margin-bottom: 10px; 
	color: #5685bc; 
}

.tab-container p { 
	margin-left: 15px; 
	margin-right: 15px;  
	margin-top: 10px; 
	margin-bottom: 10px; 
	line-height: 1.3; 
	font-size: small; 
}

.tab-container ul {
	 margin-left: 25px; 
	 font-size: small; 
	 line-height: 1.4; 
	 list-style-type: disc; 
}

.tab-container li { padding-bottom: 5px; margin-left: 5px;}
.tab-container label, .tab-container .label-input{
	min-width: 140px;
	display:inline-block;
}
.tab-container label.label-small{
	min-width: 0px;
	margin-right:15px;
}
.tab-container select, .tab-container input[type="text"] {
    margin-bottom: 10px;
}
.tab-container-md-label label, .tab-container-md-label .label-input{
	width: 23%;
}

.tab-container  .radio-label,
.tab-container  .checkbox-label,
.checkbox-label{
	min-width:0;
}
.tab-container  .checkbox-label,
.checkbox-label{
	display:inline-block;
	padding-left: 1.5em;
    text-indent: -1.5em;
}
/*for input file with label input*/
.tab-container  select,
.tab-container input[type="text"],
.tab-container  .textarea
{ 
	margin-bottom:10px;
	width: 76%;
}
.tab-container  .textarea
{ 
	margin-bottom:10px;
	width: 72.3%;
}
.tab-container  select.width50,
.tab-container input[type="text"].width50,
.tab-container  .textarea.width50
{ 
	width: 50%;
}
.tab-container  select.width30,
.tab-container input[type="text"].width30,
.tab-container  .textarea.width30
{ 
	width: 30%;
}
.tab-container  select{ 
	position:relative;
	background:#EDEBE9;
	border: 0 none;
	/*padding:2.5px 2.5px 2.5px 0px;*/
	 /*padding: 3px 2px 2px 5px;*/
	line-height:22px;
	vertical-align:middle;
	 padding: auto 0;

}
.tab-container .table-style3Info-white select,
.tab-container .table-style3Info-white input[type="text"]{
	width:100%;
}

.tab-container select.select-sm{
	width:70px;
}
.tab-container select.select-100 {
    width: 100%;
}
.tab-container2 .control-group{
	margin-bottom:10px;
}

#tabs.tab2, .tab-new{
   height:30px; 
   padding-right: 2px;
   /*margin-top: 30px;*/
   margin-top: 0px;
   margin-bottom:0;
   padding-left:0;
}
a {cursor:pointer;}

#tabs.tab2 li, .tab-new li{
    float:left; 
    border:none;
    border-top-left-radius:0px;  
    border-top-right-radius:0px;
    outline:none;
	margin-left:0;
	border-bottom:none;
	position:relative;
	z-index:1;
	width:auto;
	text-align:center;
	
}
#tabs.tab2 li:first-child, .tab-new li:first-child{
	width:auto;
	border-right:none;
	
}
#tabs.tab2 li:last-child, .tab-new li:last-child{
	margin-right:0;
	width:auto;
	float:left; 
	margin-right:-2px;
}
#tabs.tab2 li a, .tab-new li a{

   font-size:16px;
   padding:7px 10px 5px; 
    background: #fff;
    text-decoration:none;
    outline:none;
	text-align:center;
	cursor:default;
	color:#000;
	 display: inline-block;
	 border:1px solid #ccc;
	 border-bottom:none;
	 margin-bottom:-1px;
	 margin-left:5px;
	 margin-right:5px;
	 line-height:18px;
	 text-transform:uppercase;
}
.tab-new li a.default{
	border:1px solid #ccc;
}
#tabs.tab2 li a.tab-no-border{
	border:none;
}

#tabs.tab2 li a.inactive, .tab-new li a.inactive, .tab-new li a.tab-disabled{
    background:none;
   outline:none;
   border-bottom: none;
   color:/*#6D00D9;*/#5953A4;
   font-weight:normal;
   opacity:1;
   cursor:pointer;
   border:none;
}
.tab-new li a.tab-disabled{
   opacity:0.3;
   cursor:default;
}
#tabs.tab2 li:first-child a.inactive, .tab-new li:first-child a.inactive{
	 border-top-right-radius:0px;
}
#tabs.tab2 li a.inactive:hover, .tab-new li a.inactive:hover{
    color: /*#6D00D9*/#5953A4;
    outline:none;
	border-bottom: solid 1px /*#6D00D9*/#5953A4;
	font-weight:bold;
}

.tab-container2 {
   	border: none;
    text-align:left;
  	top: 0px;
	

}
.tab-container2 .btn1{
	text-align:center;
}
.tab-container2 .control-group{
	margin-bottom:10px;
	
}


#tabs.tab_info li a {
    color: #666;
    cursor: default;
    font-size: 16px;
	border-bottom:none;
}
.tab-container .label-collapse.label-large{
	font-size:12px;
	font-weight:normal;
}
/*.tab-container input[type="button"]{
	border:none;
}*/
.uid-container .input_style2 input.file_input_textbox[type="text"],
.tab-container  .input_style2 select, .tab-container  .input_style2 input[type="text"], 
.tab-container  .input_style2 .textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
	
}
.tab-container3{
	padding-top:4px;
	padding-left:0;
	 padding-right:0; 
	 border-top:none;
}

.center-tab {
   float:left;
   width:100%;
   background:#fff;
   position:relative;
   border-bottom:1px solid #ccc;
   margin-top:20px;
   display:none;
}
.center-tab ul {
   clear:left;
   float:right;
   position:relative;
   right:50%;
   margin:0;
   position:relative;
   text-align:center;
  
}
.center-tab ul li {
   display:block;
   float:left;
   position:relative;
   margin:0;
   padding:0;
   left:50%;
}
/*--content all text--*/
.content-text{
	margin:15px 2px 20px 2px;	
}
.content-text h4, .content-text p{
	margin:0px;
	font-size:12px;
	line-height:18px;
}
.content-text h4{
	margin-bottom:15px;	
}
.content-text p{
	font-size:13px;
	margin-bottom:20px;	
}
/*---footer---*/
.uid-footer{
	padding:10px 0 10px 0;
	color:#023264;
	font-size:13px;
}
.uid-footer .em{
	position:relative;
}
.version{
	position:absolute;
	right:0;
}
.footer-link{
	font-size:11px;
	margin:5px 0 10px 0;
		
}
/*----skip nav-----*/
.skip_box {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 2px 1px 3px #666;
    font-size: 10px;
    padding: 3px 5px;
	margin-left:60px;
    position: absolute;
    z-index: 200;
	left:0;
	color:#5953A4;
	cursor:pointer;
}
/*form*/
.form_inline{
	display:inline-block;	
}
.control-group-noPadding{
	padding-right:0px;
	font-size:11px;
	
}
.control-group label, .label-input{
	font-weight:normal;
	color:#666;
	font-size:12px;
}
.control-group-noPadding label{
	font-size:10px;
	color:#A19D98;
	font-weight:bold;
	
}
textarea{
	border:none;	
	height:77px;
	resize: none;
   	font-family: inherit;
   	font-size: inherit;
	font-weight: inherit;
}

.textarea_ch_100{
	height:60px;	
}
.textarea_ch_255{
	height:90px;	
}
select, 
input[type='text'], 
input[type='password'], 
.filter_form .btn1{
	width:100%;
	margin-top:3px;
	font-size:11px;
    padding: 3px 2px 2px 5px;
	border:1px solid #ccc;
}
.input_style2 input[type='text'], .input_style2 select, .input_style2 input[type='password'] {
	height:30px;
}
.uid-container  input[type="text"].input_xsmall{
	width:50px;
}
.uid-container  input[type="text"].no-padding{
	padding:0;
}
.radio-label, 
.tab-container .radio-label,
.table1.table-style3 .radio-label,
.table1.table-style3 .checkbox-label{
	width:auto;
	padding-right:30px;
	display: inline-block;
    padding-left: 15px;
    text-indent: -15px;	
	margin-bottom:10px;
	margin-top:3px;
    font-size: 12px;
    font-weight: normal;
}
.block, .table1.table-style3 .checkbox-label.block{
	display:block;	
}
.table1.table-style3 .radio-label,
.table1.table-style3 .checkbox-label,
.checkbox-label, .radio-label{
	 color:#000;
	 font-weight:bold;
	 padding-right:15px;
	 margin-bottom:0;
}
.table1.table-style3 .checkbox-label-padding-right-zero,
.checkbox-label-padding-right-zero{
	padding-right:0px;
}
.checkbox-label-all-padding-right-zero .checkbox-label{
	padding-right:0px;
}
.table1.table-style3 .checkbox-label-margin-top-zero,
.checkbox-label-margin-top-zero{
	margin-top:0px;
}
input[type="radio"], 
input[type="checkbox"]{
	/*vertical-align:top;
	padding-right:0px;*/
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    *overflow: hidden;
	margin-right:5px;

}
.table1.table-style3 input[type="checkbox"], input[type="radio"]{
	top:-1px;
}
.table1.table-style3 input[type="checkbox"]{
	margin:0 5px;
}

input.nextBatchAction {
    width: 15em;
	padding:0;
}
.checkBoxForm{
	line-height:20px;
	padding-right:0;
	margin-top:-3px;
}
.tab-container .input_style2 .checkBoxForm{
	display: inline-block;;
	width:76.5%;
	vertical-align:top;
}
input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.checkBoxForm img{
	margin-right:10px;
	margin-bottom:-2px;
	cursor:pointer;
	width:13px;
}
.table1 .checkBoxForm img{
	margin-right:0px;
	width:13px;
}
.checkBoxForm img:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.040) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
.checkBoxForm .span3{
	width:25%;
}
.check-all img{
	margin-bottom:-3px; 
	width:13px;
	margin-left:5px;
}
.check-all {
	color:#8E8E9C;
	font-weight:bold;
	line-height:12px;
	font-size:10px;
}
.checkbox-label{
	text-transform:uppercase;
}
.checkbox-wrapper .checkbox-label{
	text-transform:none;	
}
.radio-container{
	position:relative;  
	max-height:52px; 
	clear:both; 
	margin-bottom:15px;
}
.radio-list{
	font-size: 12px;
    width: 40%;
	display: inline-block;
    padding: 6px 5px 4px;
    text-align: left;
	border: 1px solid #ccc;
	background:#E7E6E3;
	color: #999;
	line-height:13px;
	cursor: pointer;
	
}
.radio-blank{
position:relative; 
max-height:100%; 
margin-top:0; 
vertical-align:top; 
margin-bottom:0;	
}
.radio-list.active{
	background: none repeat scroll 0 0 #999;
	border: 1px solid #666;
	color: #fff;
	cursor:default;
	font-weight: bold;
}
.radio-list img{
	margin-top:-2px;
	
}
.check-img-largh{
	height:50px;
}
.checkBoxFormFixHeight input[type="checkbox"] {
	margin-bottom:4px;
}
.control-group .label-check-all{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.label-check-all-content {
	padding-left:20px;
}
input[type="text"].with_button{
	width:	62.8%;
}
/*fixed the yellow background input in chrome*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	
}

/*-----select box on popup ex.claim created step1-----*/
.selpick option{
	padding-top:5px;
	padding-bottom:5px;
	background:#f1f1f9;
	border:1px solid transparent;
}
.selpick option:hover {
     border:1px solid #ccc;
   }

/*fix ssn input*/
.tab-container input[type="text"].inline,
.tab-container input[type="password"].inline{
	width:50px;
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
}

.uid-container .table1.table-style3Info-white td.fixInput, 
.uid-container .table1.table-style3Info-white td.fixInput:last-child{
	padding:0;
}
.uid-container .table1.table-style3Info-white .fixInput input[type="text"], 
.uid-container .table1.table-style3Info-white .fixInput input[type="text"], 
.uid-container .table1.table-style3Info-white .fixInput input[type="password"] 
{
	height:30px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;

}
.uid-container .table1.table-style3Info-white .fixInput input[type="text"]:first-child, 
.uid-container .table1.table-style3Info-white .fixInput input[type="text"]:first-child, 
.uid-container .table1.table-style3Info-white .fixInput input[type="password"]:first-child{
	border-left:none;
}
.tab-container input[type="text"].xx-small,
.tab-container input[type="password"].xx-small{
	width:25px;
}
.tab-container input[type="text"].x-small,
.tab-container input[type="password"].x-small{
	width:32px;
}
.tab-container input[type="text"].small,
.tab-container input[type="password"].small{
	width:40px;
}
/*upload file input and brower button*/
.uid-container  input[type="text"].uploadFile {
	width:61.5%; 
	background:#EDEBE9; 
    border: 0;
    padding: 0;
	padding-left:10px;
}

.uid-container  .fileUpload {
	width: 70px; 
	min-width:70px;
	position:absolute; 
	font-weight:bold; 
	margin:2px 5px 0 10px; 
	font-size:11px;
	padding:0 5px;
	overflow: hidden;
	display:inline-block;
}

.fileUpload span{
	line-height:30px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*fix check box label indent second line*/
.checkbox-input{
    float:left;
}
.checkbox-input + .checkbox-label
{
	 float:left;
  padding-left: 20px;
display: inline-block;
}
/*---filter form----*/
.filter_form{
	position:relative;
	padding-bottom:15px;
}
.filter_form input[type='text']{
	height:30px;
}
.filter_form input[type='submit']{
	margin-top:18px;
	border:none;
}
.filter_form .btn-filter-below-box div:last-child{
	padding: 0 10px 10px;
	background: #eee;
	width: 16.2%;
}
.filter_form .btn-filter-below-box div:first-child{
	width: 81.65%;
}
.filter_form .btn-filter-below-box div:last-child input[type='submit']{
	margin-top:0;
}
.filter_form .btn1, .filter_form select{
	height:30px;
	min-width: 0em;
}
.filter_form select{
	line-height:24px;
}
.filter_form label{
	color: #a19d98;
    font-size: 10px;
    font-weight: bold;
	text-transform:uppercase;
}
.filter_form .vCenter{
	min-height: 47px;
	line-height: 47px;
	margin-top: 10px;
}
/*login form*/
.login_form{
	padding:20px;
	width:450px;
	margin: 30px auto 20px;
	color: #444;
}
.login_form h1{
	margin-top:10px;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#000;
}
.login_form .info{

	font-size:14px;
	font-weight:bold;
	margin-bottom:30px
}
.login_form h1,
.login_form .info{
	margin-left:85px;
	text-align:left;
}

.login_form .control{
	margin-top:10px;
}
.login_form label,
.login_form input{
	display:inline-block;
}

.login_form label{
	width:70px;
	text-align:right;
	margin-right:10px;
}
.login_form input{
	width:365px;
}
.login_form .btn1{
	width:80px;
	min-width:0;
}
.login_form .action-btn{
	margin-top:15px;
	margin-right:3px;
}
/*button*/
.btn{
display:inline-block; 
border-left:1px solid #fff; 
height:25px; width:15px; 
text-align:center; 
float:right; 
padding-right:5px;
cursor:pointer;
}
.btn:hover{
background: #ccc;
}
.btn1,
.table1.table-style3Info-white .action .btn1{
	text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	background:#5953A4;
	border-radius:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	-moz-box-shadow:    inset 0px -3px 0px #46008C;
   -webkit-box-shadow: inset 0px -3px 0px #46008C;
   box-shadow:         inset 0px -3px 0px #46008C;
	cursor:pointer;
	margin-top:3px;
	height:30px;
	font-size:11px;
    padding: 3px 20px 2px 20px;
	padding: 0 10px;
    min-width: 15em;
}
.btn1.btnAuto,
.table1.table-style3Info-white .action .btn1.btnAuto{
	min-width: auto;
}
.btn1.btnSmall,
.table1.table-style3Info-white .action .btn1.btnSmall{
	min-width: 0em;
}
.btn1.xx_small , .table1.table-style3Info-white .action .btn1.xx_small,
.btn4.xx_small , .table1.table-style3Info-white .action .btn4.xx_small {
    min-width: 7em;
}
.btn1.xx_small_fixed , .table1.table-style3Info-white .action .btn1.xx_small_fixed,
.btn4.xx_small_fixed , .table1.table-style3Info-white .action .btn4.xx_small_fixed {
	min-width:80px;
 	margin-left:5px;
}
.btn1.xx_small_fixed:first-child , .table1.table-style3Info-white .action .btn1.xx_small_fixed:first-child,
.btn4.xx_small_fixed:first-child , .table1.table-style3Info-white .action .btn4.xx_small_fixed:first-child {
 	margin-left:0px;
}
.btn1.btnMed,
.table1.table-style3Info-white .action .btn1.btnMed{
	min-width: 10em;
}
.table1.table-style3Info-white .action .btn1{
	margin-top:0;
}
.btn1.btn2 {
    background: none repeat scroll 0 0 #999;
    box-shadow: none;
	padding-left:20px;
	padding-right:20px;
}
.table1 .btn1, .btn1{
    color: #fff;
	margin-top:0px;
	text-decoration:none;
}

.btn2-marginright{
	margin-right:10px;
}
.btn2.inactive{
	opacity:0.5;
	cursor:default;
}

.btn-light-gray{
	background:#C7C7C7;
}
.btn-medium-gray{
	background:#ABABAB;
}
.action-btn .btn4, .btn4, .uid-container .table1 .btn4{
	/*border:1px solid #6D00D9;*/
	border:1px solid #5953A4;
	background:#fff;
	box-shadow: none;
	color:#5953A4;
	text-transform:uppercase;
}
a.btn1, a.btn4,
.uid-container .table1 a.btn4{
	display:inline-block;
	line-height:30px;
	padding:0;
	min-width:14.8em;
}
a.btn1, a.btn4,
.uid-container .table1 a.btn4{
	line-height:28px;
	height:28px;
}
.action-btn .btn4-large,
.btn4-large, 
.table1 .btn4-large{
	padding-right:10px;
	padding-left:10px; 
 }
 .table1 .btn1:hover,
.btn1:hover,
.file_input_button:hover,
.table1.table-style3Info-white .action .btn1:hover{
    background:#6562B7;
	-moz-box-shadow:    inset 0px -3px 0px #471975;
   -webkit-box-shadow: inset 0px -3px 0px #471975;
   box-shadow:         inset 0px -3px 0px #471975;
}
.action-btn .btn1.btn4:hover, .btn1.btn4:hover{
	background:#DEDDF3;
	-moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.btn1.inactive:hover{
	background:#5953A4;
	-moz-box-shadow:    inset 0px -3px 0px #46008C;
   -webkit-box-shadow: inset 0px -3px 0px #46008C;
   box-shadow:         inset 0px -3px 0px #46008C;
	background: none repeat scroll 0 0 #5953a4;
	cursor:default;
}
.action-btn .btn1.btn4.inactive:hover{
	border:1px solid #5953A4;
	background:#fff;
	box-shadow: none;
	color:#5953A4;
	line-height:20px;
	cursor:default;
}
.dash{
	display:block;
	height:8px;
	background:url(../images/dash.PNG) repeat-x;
}

.action-btn{
	margin:auto;
	line-height:40px;
	font-size:10px;
}
.action-btn .checkbox-wrapper{
	margin-left:15px;	
}
.action-btn.action-btn-top{
	line-height:30px;
}
.action-btn em, .action-btn .em{
	display:inline-block;
}
.action-btn.center{
	text-align:center;	
}
.btn1.btn70{
	width:70px;
	min-width:0;
}

/*----section -----*/
.section_gray, .section_white{
	background:#EEE;
	padding:0 10px;
	position:relative;
	z-index:350;
}
.section_gray{
	margin-top:20px;
	margin-bottom:20px;
}
.section_gray_margin_bottom_10px{
	margin-bottom:10px;
}
.section_gray_margin_bottom_0px{
	margin-bottom:0;
}

.section_white{
	background:#fff;
}
/* ---------------popup_box DIV-Styles--------------*/
#popup_box, #popup_box2 {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:650px;  
    width:92%;  
    background:#FFFFFF;  
    left: 25px;
    top: 25px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;  
   
    /* additional features, can be omitted */
    border:2px solid #ccc;      
    padding:10px;  
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    box-shadow: 0 0 50px #ccc;
	overflow-y: scroll;
	overflow-x: hidden;
	min-width:960px;
   
}
#popup_box.popup-small,
#popup_box2.popup-small
 {
    height:auto;  
    width:350px;  
    background:#FFFFFF;  
    left: 40%;
    top: 25%;
	min-width:50px;
	font-size:12px;
	text-align:center;
   	overflow-y:hidden;
}
#popup_box.popup-medium,
#popup_box2.popup-medium
 {
    height:auto;  
    width:510px;  
    background:#FFFFFF;  
    left: 32.2%;
    top: 20%;
	min-width:50px;
	font-size:12px;
	text-align:center;
   	overflow-y:hidden;
}
.overlay .uid-warpper {
	opacity:0.5;
}
.overlay #popup_box {
	opacity:1;
}
#container {
    background: #d2d2d2; 
    width:100%;
    height:100%;
}
/*---popup This is for the positioning of the Close Link----- */
#popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#6fa5e2;  
    font-weight:500;      
}
#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 400px;
    margin-left: -200px;
    padding: 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -150px;
    right: -195px;
    background: url("images/quit.png") no-repeat;
 
}
.popup .popup-content {
    overflow-y: auto;
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
}
.uid-container-popup{
	padding-left:10px;
	padding-right:10px;
}
/*------near match---------*/
.main-container{
	padding-top:12px;
	padding-bottom:20px;
	background:#fff;
	margin:0 auto;
	padding-right:25px;
	padding-left:25px;
	border-color: rgba(192, 192, 192, 0.8);
	-moz-box-shadow: 5px 10px 30px 0 #aaa;
  	-webkit-box-shadow: 5px 10px 30px 0 #aaa;
  	box-shadow: 5px 10px 30px 0 #aaa;
    outline: 0 none;
	position:relative;
	z-index:0;
	max-width:1400px;
	min-width:910px;
    /*width: 1000px;*/
}
.main-container .uid-container{
	padding-left:0px;
	padding-right:0px;
	max-width:1430px;
	min-width:910px;
}
.name{
	color:#000;
	font-size:20px;
	font-weight:normal;
}
.subname{
	font-style:italic;
	font-size:12px;
	font-weight:normal;
	color:#999;
}
.total-num{
	font-size:60px;
}
.num-details{
	border-left:1px solid #444;
	text-align:center;
	color:#444;
	padding:15px 15px 0px 15px;
}
.num{
	font-size:34px;
	padding-bottom:5px;
	
}
.num-details-bgGray{
	background:#76746F;	
	padding-top:-5px;
	font-size:14px;
	height:84px; width:75px
	
}
.num-details-bgGray .subname{
	color:#fff;
}
.title-big{
	font-size:16px;
	color:#666;
	font-weight:bold
}
.subdetail{
	font-style:italic;
	color:#999;
	font-size:10px;
}
.subdetail .gray666{
	color:#666;
}
.update_num{
	color:#000;
	font-weight:bold;
}
.upper-link{
	position:relative;	
}
.upper-link .middle{
	left:100px;
	width:80%;
}
.label-left5{
	left:5%;
}
.border-style{
	margin-top:5px; 
	border-color:#ccc; 
	color:#666;
}
.box-profile .box-details{
	float:left; 
	width:80.5%;
	padding: 5px 0 5px 0;
	text-align:left;
}
.box-profile .num-details{
	width:7.5%;
	padding: 7px 0 7px 1%;
	margin-top:7px;
}
.box-profile .box-details .left{
	width:97.5%;
	padding-left: 1.5%;
}
.box-profile .box-details-full-space{
	width:89.8%;	
}
.box-profile .box-details-100{
	width:100%;
}
.box-details-100 > div{
	padding: 0 10px;
}
.matchInfo{
	text-align:left;
	width:80%;
	margin:auto; 
}
.main-container-center{
	text-align:center;
	margin:0 auto;
	padding: 0 35px;
}

.uid_title_zero_bottom{
	margin-bottom:0px;
}
/*section heading bg white, align left*/
.section-heading{
	font-size:12px;
	color:#666;
	margin-top:20px;
	line-height:18px;	
}
.section-heading-margin-zero{
	margin-top:0;
}
.section-heading .heading{
	font-weight:bold;
}
.section-heading .sub-heading{
	font-style:italic;
	
}
.section-heading .sub-note{
	font-size:11px;
	font-style:italic;
}
.box-profile{
	font-size:10px;	
}
.box-profile .box-yellow{
	width:8%;
	padding: 7px 1%;
	height:84px;
	position:relative;
}

/* The element to be centered, can
   also be of any width and height */ 
.box-yellow-inside {
	height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
  
}

/*box style*/
.box-green, .box-yellow{
	padding:1px 4px;
	display:inline-block;
	background:#08B900;
	color:#fff;
	font-weight:bold;
}
.box-green2, .box-yellow{
	background:#008B13;
	width:auto;
	padding:5px 10px 10px 10px;
}
.box-yellow{
	background:#F6A933;
}
.box-details{
	padding:5px 10px;
	/*background:#efefef;*/
}
.box-details2{
	padding:10px;
	background:#efefef;
	text-align:center;
	border:1px solid #ccc;
	color:#999;
	position:relative;
}
.box-details label{
	padding-right:20px;
	text-transform:uppercase;	
}
.box-details label:last-child{
	padding-right:0px;
}
.box-details label span{
	text-transform:none;	
}
.box-details2 .font10{
	color:#666;
}
.box-details2 label{
	margin-bottom:5px;
	display:block;
	color:#000;
}
.box-details2 input{
	width:10px;
	text-align:right;
	position:relative;
}
.box-details label span{
	color:#000;
}
.box-details .collapse-bar {
    padding: 0;
}
.box-details .hr-light{
	margin-top:7px;
	margin-bottom:2px;
	margin-left:-3px;
}

/*box style3 3columns with header panal*/
.details-container{
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:left;
}
.top{
	text-align:center;
	padding:0 10;	
	
}
.box-details3{
	padding:10px;
	border:1px solid #ccc;
	position:relative;
}
.box-details3 h3, .box-details3 h4{
	color:#666;

	
}
.box-details3 h3{
	font-size:14px;
	
}
.box-details3 h4{
	font-size:11px;
	padding:2px 0 5px 0;
}
.box-left, .box-right, .box-middle{
	width:32%;
	background:#EFEEEC;
	color:#999;

}
.box-left{
	float:left;
	display: inline-block;
}
.box-right{
	float:right;	
	position:absolute;
	 display: inline;
	 top:0;
    right:0;
}
.box-middle{
	left:33%;	
	margin-left:2%;
	display: inline-block;
    overflow: hidden;
	
	
}
.panel-header{
	height:28px;
	color:#ccc;
	background:#666;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	line-height:28px;
	position:relative;
	top:0;
	margin-top:0;
	
}
/*box info ex. reason for retirement in person info(retired)*/
.box-info{
	color:#666;
	background:#EEEEEE;
	padding:10px;
	width:auto;
	display: table;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:5px;
	display:inline-block;
	padding-left:150px;
	text-indent:-140px;
	position:relative;
	text-align:left;
	font-size:10px;
}
.box-info .label{
	text-transform:uppercase;
	font-weight:bold;
	
}

/*datepicker tcal*/

#tcal {
    z-index: 1000;
}
.tcalInput {
    background: url("../images/cal.gif") no-repeat scroll 95% 50% #fff;
	border:1px solid #ccc;
}
.tcalInput_fix_padding_right {
    background: url("../images/cal.gif") no-repeat scroll 100% 50% #fff;
}
.tcalActive {
    background-image: url("../images/no_cal.gif");
}
.tcalInput.change-info,
.table1.table-style3Info-white .tcalInput.change-info, 
.table1.table-style3Info-white .tcalInput.change-info:last-child, 
.table1.table-style3Info-white .tcalInput.change-info:first-child{
	background: url("../images/cal.gif") no-repeat scroll 95% 50% #fff5d6;
}
.tcalInput_fix_padding_right.change-info,
.table1.table-style3Info-white .tcalInput_fix_padding_right.change-info, 
.table1.table-style3Info-white .tcalInput_fix_padding_right.change-info:last-child, 
.table1.table-style3Info-white .tcalInput_fix_padding_right.change-info:first-child{
	background: url("../images/cal.gif") no-repeat scroll 100% 50% #fff5d6;
}
/*fixed IE - hide clear button in input calendar icon*/
.tcalInput::-ms-clear {
    display: none;
}
/*warning section*/
.uid_warning,.uid_message{
	height:auto;
	background:#fff5d6;
	border-top:2px solid #FFC926;
	color:#EF3B3B;
	font-size:12px;
	line-height:18px;
	margin:0px auto;
	padding:5px 0;
}
.uid_message{
	color:#666;
}
.warning_message{
	width:auto;
	text-align:center;
}
.message_title{
	font-size:12px;
	font-weight:bold;
}
/*-----------error list-----fix-error-----*/
.th_title{
	font-size:16px;	
	font-weight:normal;
	color:#999;
}
.number_error{
	font-size:16px;
	color:#999;	
	font-weight:normal;
}
.result{
	display:none;	
}
/*arrow*/
.arrow-up {
	display:inline-block;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top:5px solid #666;
}
.arrow-down {
	display:inline-block;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom:5px solid #666;
}
.arrow-right {
	display:inline-block;
	width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left:7px solid #333;
}

.arrow-left {
		display:inline-block;
	width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent; 
	border-right:7px solid #333; 
}
.arrow-right-medium {
	display:block;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left:10px solid #333;
}

.arrow-left-medium {
	display:block;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-right:10px solid #333; 
}
.arrow-up-purple{
	 border-top: 4px solid #9619ff;
	 margin-top:-5px; margin-left:5px;
}
.arrow-down-purple{
	 border-bottom: 4px solid #9619ff;
	 
	 margin-top:-5px; margin-left:5px;
}
.arrow-up-blue{
	 border-top: 6px solid #6562B7;
	 border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.arrow-down-blue{
	 border-bottom: 7px solid #5953a4;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.arrow-up-blue-dark{
	 border-top: 6px solid #5953a4;
	 border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.arrow-up-gray{
	 border-top: 6px solid #F3F3F3;
	 border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.arrow-down-gray{
	 border-bottom: 7px solid #F3F3F3;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

/*----other---*/
.nextBatchAction{
	cursor:pointer;
}
.requiredText {color: #666; font-weight: bold;  font-size:13px; font-family:arial; text-decoration: none;}
.requiredRed{color:red; font-size:16px; line-height:20px;}
.uppercase{
	text-transform:uppercase;	
}
.crossText{
	text-decoration:line-through;	
}
.overlay{
	width:100%;
	background:#fff;
	opacity:0.5;
	height:200vh;	
	position:absolute;
	z-index:100;
}
.link-underline{
	text-decoration:underline;
	
}
.indent{
	display:block;
	padding-left:30px;
}
/*fix button action gap*/
.action-btn .pull-right{
	margin-left:2px;	
}
/*text on the  header*/
#uid-header .header-text{
	margin:0 auto;	
	line-height: 15px;
}
.header-text{
	padding:10px;
	max-width:960px;
	min-width:0;
	display: table;	
}
.header-text p{
	margin:0;
	padding:10px;
	font-size:12px;
	color:#666;
	text-align:left;
	background:#fff;
	border: 1px dotted #58529C;
}
/* menu non-js*/
.menu-no-js{
	width:100%;
	position:relative;
	left:50%;
}
.menu-no-js .drawerMenu2, .menu-no-js .drawerMenu{
	position: relative;
    float: left;
	max-width:1020px;
	display: block ;
	width:auto;
	box-shadow: 0 2px 8px -6px inset;
	margin-top: -13px;
  	transform: translate(-50%, 0%);
  	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
}
/*header for tap non-js*/
.header-w-bg-gray{
	color: #999;
    font-size: 14px;
	font-weight:bold;
    text-transform: uppercase;
	background:#FAFAFA;
	padding: 10px;
	text-align: center;
	margin:10px 0;
}
.uid-menu{position:relative; z-index:2;}
.uid-container{position:relative; z-index:1;}

/*fix tab key issue*/
#tabs li a:focus, #tabs.tab2 li a:focus, input[type='radio']:focus,input[type='checkbox']:focus, .uploadBtn:focus .fileUpload
, .file_input_button:focus{
	font-weight:bold;
}
/*loading*/
.load-container{
	position: relative;
	height: 80px;
	 width: 80px;
	margin: 100px auto;
}
#loadIcon{
    height: 80px;
    position: relative;
    transform: scale(0.5);
    width: 80px;
	
}
#loadText{
	position:absolute;
	top:85%;
	left:26%;
	font-size:10px;
	color: #666;
}
#loadIcon div{
    background: #666 none repeat scroll 0 0;
    height: 20px;
    left: 30px;
    position: absolute;
    top: 30px;
    width: 20px;
	border-radius: 50%;
}
.bar1 {
    opacity: 0.12;
    transform: rotate(0deg) translate(0px, -40px);
}
.bar2 {
    opacity: 0.25;
    transform: rotate(45deg) translate(0px, -40px);
}
.bar3 {
    opacity: 0.37;
    transform: rotate(90deg) translate(0px, -40px);
}
.bar4 {
    opacity: 0.5;
    transform: rotate(135deg) translate(0px, -40px);
}
.bar5 {
    opacity: 0.62;
    transform: rotate(180deg) translate(0px, -40px);
}
.bar6 {
    opacity: 0.75;
    transform: rotate(225deg) translate(0px, -40px);
}
.bar7 {
    opacity: 0.87;
    transform: rotate(270deg) translate(0px, -40px);
}
.bar8 {
    opacity: 1;
    transform: rotate(315deg) translate(0px, -40px);
}
#div2 {
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
} 
.action-collapse{
	height:15px;
	display:inline-block;
	padding:12px 7px;
	cursor:pointer;
}
.border-left-transparent{
	border-left:1px solid transparent;
}
.border-left-ccc{
	border-left:1px solid #ccc;
}
.fieldType {
    color: #999;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
	font-weight:normal;
}
.nowrap{
	white-space: nowrap;	
}
.sub-menu{
	margin:0;
	padding:0px 5px 8px 5px; 	
}
.sub-menu ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.sub-menu ul li {
    list-style: none;
    float: left;
	text-transform:uppercase;
	width:auto;
}
.sub-menu ul li.pull-right {
	float: right;
}
.sub-menu ul li:first-child {
    border-left: none;
}

.sub-menu ul li a{
    display: block;
    text-decoration: underline;
    margin: 0 10px;
	border-bottom:1px solid #efefef;
}
.sub-menu ul li a:hover,
.sub-menu ul li a.active {
	color: #000;
}
.sub-menu ul li.pull-right a:hover {
	color: #5953a4;
	border-bottom: none;
}
.expand-box{
	background:#fff;
	padding:10px 20px 20px 20px;
	box-shadow: 0 0px 6px 0px #999;	
	margin:10px 40px 20px 40px;
	margin-top:15px;
}
.collapse{
	display:none;	
}
.item{
	margin-bottom:20px;
}
.item:first-child{
	margin-top:20px;
}
.item-border-top-zero:first-child{
	margin-top:0px;
}
.close-collapse, .table1 .close-collapse{
	display:inline-block;
	text-transform:uppercase;
	margin-bottom:20px;
	text-decoration:underline;	
}
.box-margin-bototm-zero{
	margin-bottom:0;	
}
.ellipsis{
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.max_50_ch{
	width: 283px;
}
.square-text, .circle-text1, .circle-text2, .circle-text3{
    width: 20px;
    height: 20px;
	text-align:center;
	background:#ccc;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	display:inline-block;
	line-height:20px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	padding-left:0.3px;
}
.circle-text1{
	background:#ccc;
}
.circle-text2{
	background:#999;
}
.circle-text3{
	background:#777;
}
.line-through {
    text-decoration: line-through;
	vertical-align:middle;
	line-height: 20px;
}
.profile-fix-width{
	min-width: 640px;	
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------Diract Match CSS---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*--color--*/
.dm .yellow{
	color:#ff8000;	
}
.dm .hide{
	display:none;	
}

.combo-btn{
	width:190px;
	min-width: 190px;
}
.combo-btn .btn1:first-child, .uid-container .combo-btn a.btn1:first-child{
	min-width:14.25em;
	width:auto;
}
/*--button dropdown--*/
/*on click dropdown*/
.dm .btn1.width-auto{
	min-width: 0px;
}
.dm .action-menu {
    position: relative;
    display: inline-block;
	line-height:20px;
	text-align:right;
	padding:5px 6px;
	height:auto;
	border-left:1px solid #fff;
	border-right:1px solid #5953a4;
}
.dm .action-menu:before {
    content: url("../images/arrow-white.png");
}
.dm .action-menu.btn4:before {
    content: url("../images/arrow-purple.png");
}
.dm .action-menu:focus {
    /* clicking on label should toggle the menu */
    pointer-events: none;
}
.dm .action-menu:focus .action-menu-content {
    /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
}
.dm .action-menu-content {
    position: absolute;
    z-index: 1;
    /* use opacity to fake immediate toggle */
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;
	margin-top:3px;
	padding:0;
	right:-1px;
	border:1px solid #999;
}
.dm .action-menu-content li {
	background-color: #E0E0E0;
    color: #e0e0e0;
    list-style-type: none;
    white-space: nowrap;
}
.dm .action-menu-content li a{
	text-decoration:none;
	font:12px arial, verdana, sans-serif;
	font-weight:bold;
	padding:7px 4px;
	display:block;
	margin:0 7px;
	min-width:80px;
}
.dm .action-menu-content a:hover { 
	background:#5953A4; 
	color:#e0e0e0;
}
.dm .action-menu-content li:first-child{
	padding-top: 7px;
}
.dm .action-menu-content li:last-child{
	padding-bottom: 7px;
}
.dm .action-menu.btn4{
	padding:4px 6px;
}
/*---form---*/
.dm .control-style3 input.inactive, .dm .input_style2 input.inactive, .dm .input_style2 select.inactive{
	background-color:#F4F4F4;	
	opacity: 1;
}
input[type="radio"].radio-table3{
	top:0;
	margin-left:-25px;	
}
.config-icon, .config-icon:hover{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.config-icon:hover{
	opacity:0.9;	
}
.main-option{
	vertical-align: middle;	
	padding: 10px 0 0 0;
	margin: 10px 0;
}
.main-option select{
	background: #fff;
	border: 1px solid #ccc;	
	margin-bottom: 0;
	vertical-align: middle;
	margin-top: 0;
}
.main-option label{
	vertical-align: middle;
	font-weight:bold;
	color: #666;
}
.main-option2{
	vertical-align: middle;	
	padding: 0 0 10px 0;
	margin: 10px 0;
}
.main-option2 label{
	text-transform: uppercase;
	padding-bottom: 3px;
	font-size: 10px;
}
.control-lable-right label{
	text-align: right;
	padding-right: 10px;
}
.control-file-upload{
	margin-left: 30px;
}
.control-file-upload label{
	min-width: 0;	
}
.table-summary{
	color: #999;
	font-size: 12px;
	border-spacing:0;
}
.table-summary th{
	font-weight: normal;
	border-right: 1px solid #ccc;	
}
.table-summary td{
	border-right: 1px solid #ccc;
}
.table-summary th:last-child, .table-summary td:last-child{
	border-right: none;	
}

/*------------------------------------------------------------------------------
The MIT License (MIT)

Copyright (c) 2011-2018 Twitter, Inc.
Copyright (c) 2011-2018 The Bootstrap Authors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

------------------------------------------------------------------------------*/

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: 492.13px;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.modal {
  text-align: center;
}
 
@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
 
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal .modal-header, .modal .modal-footer{
                border: none;
                border-radius: 0;
}
.modal .modal-header{
                padding-bottom: 5px;    
}
.modal .modal-content{
                font-size: 0.9rem;            
                border-radius: 0;
}
.modal .modal-body{
                padding-top: 15px;
				padding-bottom: 10px;
}
.modal-title {
    font-size: 1.1rem;
}
.modal-footer .btn1{
                min-width: 80px;
}
.btn1.btn-primary, .modal .btn1.btn-primary,  {
    background-color: #5953A4;
    border-color: #5953A4;
}
.btn4.btn-secondary, .btn4.btn-default, .modal .btn4.btn-secondary, .modal btn4.btn-default{
	color: #5953A4;
    background-color: #fff;
    border-color: #5953A4;
}
.btn4.btn-secondary:hover, .modal .btn4.btn-secondary:hover{
    color: #5953A4;
}