/*-----------------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:640px;
}
.bigWindow{
	min-width:960px;
	
}
.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%;
}
.width15{
	width:15%;
}
.width13{
	width:13%;
}
.width10{
	width:10%;
}
.width5{
	width:5%;
}
.width2{
	width:2%;
}
input.width70{
	width:70%;
}
.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.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:none;
}
.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 {
    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%;
	-moz-appearance:textfield;
	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{
	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-md-label label, .tab-container-md-label .label-input{
	width: 23%;
}
.tab-container select, .tab-container input[type="text"] {
    margin-bottom: 10px;
}


.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{ 
	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;
}
#tabs.tab2 li a.tab-no-border{
	border:none;
}
#tabs.tab2 li a.inactive, .tab-new li a.inactive,tab-new li a.disabled{
    background:none;
   outline:none;
   border-bottom: none;
   color:/*#6D00D9;*/#5953A4;
   font-weight:normal;
   opacity:1;
   cursor:pointer;
   border:none;

}
.tab-new li a.disabled{
                opacity: 0.3;
                cursor: default;
}
#tabs.tab2 li:first-child a.inactive, .tab-new li 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:50px;	
}
.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 .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;
}

/*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.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;
}

.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;
	line-height:20px;
	text-transform:uppercase;
}
a.btn1, a.btn4,
.uid-container .table1 a.btn4{
	display:inline-block;
	line-height:28px;
	padding:0;
	height:28px;
	min-width:14.8em;
}

.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;
	text-align:left;
}
.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_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");
}
/*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:12px;
	display:inline-block;
	padding:15px 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: none;
    margin: 0 10px;
	border-bottom:1px solid #efefef;
}
.sub-menu ul li a:hover,
.sub-menu ul li a.active {
	color: #000;
	border-bottom: 1px solid #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;
}
.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;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------Diract Match CSS---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*--color--*/
.dm .yellow{
	color:#ff8000;	
}
.dm .hide{
	display:none;	
}

.combo-btn{
	width:190px;
	min-width: 190px;
}
.combo-btn .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;	
}