@charset "UTF-8";
/* CSS Document */
body{
	background-color:#fff;
}
#headercontent{
	width:100%;
	overflow:hidden;
	height:350px;
	margin-left:auto;
	margin-right:auto;
}

#backim{
	position:absolute;
	overflow:hidden;
	right:0px;
	top:0px;
	
}
#backim img{

}
#logo{
	position:absolute;
	left:40px;
	top:10px;
}

#head1{
	position:absolute;
	left:5%;
	top:135px;
}

#hband1{
	position:absolute;
	left:0px;
	top:0px;
}


#head2{
	position:absolute;
	left:8%;
	top:177px;
}

#hband2{
	position:absolute;
	left:0px;
	top:0px;
}



#head3{
	position:absolute;
	left:12%;
	top:219px;
}

#hband3{
	position:absolute;
	left:0px;
	top:0px;
}

.htx{
	position:absolute;
	text-align:center;
	left:395px;
	top:5px;
	font-size:1.5em;
	font-weight:200;
	color:#fff;
	width:534px;
	
}
#topmenu{
	position:absolute;
	width:400px;
	height:auto;
	left:400px;
	top:10px;
	padding:5px;
	
	
}
.tml{
	float:left;
	margin-right:20px;
	font-size:0.8em;
	font-weight:600;
}
.incontrols{
	float:left;
}
.incontrols div{
	float:left;
}
.incontrols::after { 
	clear:both;
}
#c_dd{
	float:left;
}
.btn {
    padding: 11px 24px;
    border: 0 none;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
	width:100%;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #aba3d8;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #aba3d8;
}
 
.btn-primary:active, .btn-primary.active {
    background: #aba3d8;
    box-shadow: none;
}

#maincont{
	max-width:1600px;
}
table th{
	background-color:#9991c3;
	padding:10px;
}
.tablehead_main{
	font-size:0.8em;
	color:#fff;
	height:50px;
}
.tablehead_sec{
	width:70px;
	font-size:0.8em;
	font-weight:400;
	color:#e8e16d;
}
.tablehead_sec:hover{
	color:#f6ef77;
}
/*f6ef77*/

.tablehead_flag{
	height:24px;
	width:24px;
	padding-left:4px;
	margin-bottom:4px;
	color:#e8e16d;
	
}
.tablehead_flag:hover{
	color:#f6ef77;
}
#tsttable table, #tsttable th, #tsttable td{
	border: 1px solid white;
}

#tsttableattr table tr{
	border-bottom: 1px solid white;
}

.trgrey{
	background-color:#eee;
}
table td{
	padding:5px;
	font-size:0.8em;
	
}

#tsttable{
	position:relative;
	width:90%;
	height:800px;
	overflow:scroll;
}
#flagmenu,#flagmenuattr{
	position:absolute;
	left:0px;
	right:0px;
	background-color:#9991c3;
	color:#fff;
	font-size:0.8em;
	width:120px;
}
#flagmenu ul,#flagmenuattr ul{
	margin-left:0px;
	padding:10px;
	list-style-type:none;
	
}
#flagmenu ul li,#flagmenuattr ul li{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #bbb;
	cursor:pointer;
}
#flagmenu ul li:hover, #flagmenuattr ul li:hover{
	color:#e8e16d;	
}
#flagmenu ul li span, #flagmenuattr ul li span{
	color:#e8e16d;
	font-size:1.3em;
}




#typemenu,#typemenuattr{
	position:absolute;
	left:0px;
	right:0px;
	background-color:#9991c3;
	color:#fff;
	font-size:0.8em;
	width:120px;
}
#typemenu ul,#typemenuattr ul{
	margin-left:0px;
	padding:10px;
	list-style-type:none;
	
}
#typemenu ul li,#typemenuattr ul li{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #bbb;
	cursor:pointer;
}
#typemenu ul li:hover,#typemenuattr ul li:hover{
	color:#f6ef77;	
}
#typemenu ul li span,#typemenuattr ul li span{
	color:#f6ef77;
	font-size:1.3em;
}

#tablescroll{
	position:absolute;
	right:20px;
	top:10px;
	font-size:2.0em;
	cursor:pointer;
	color:#9991c3;
}

#tablescrollback{
	position:absolute;
	left:-10px;
	top:10px;
	font-size:2.0em;
	cursor:pointer;
	color:#9991c3;
}



#tsttableattr{
	background-color:#9991c3;
	color:#fff;
	font-size:1.2em;
}
#tsttableattr table td{
	padding-bottom:10px;
}

.sh2 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.tblattr_flag,.tblattr_type{
	color:#f6ef77;
	cursor:pointer;
	
}

.tbldarkerrow{
	
	background-color:#8a84ac;
}