/* div-table general setting */
.css-table{
	display: table;
	width: 99.9%;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-bottom: 20px;
	
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;	
	
}
.css-table .thead{
	display:table-header-group;
}
.css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
	
}
.css-table .th,
.css-table .td{
	display:table-cell;
}

.css-table .th{
	background-color: #ccddff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6eeff), to(#ccddff));
	background-image: -webkit-linear-gradient(top, #e6eeff, #ccddff);
	background-image: -moz-linear-gradient(top, #e6eeff, #ccddff);
	background-image: -ms-linear-gradient(top, #e6eeff, #ccddff);
	background-image: -o-linear-gradient(top, #e6eeff, #ccddff);
	background-image: linear-gradient(top, #e6eeff, #ccddff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6eeff, endColorstr=#ccddff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6eeff, endColorstr=#ccddff)";
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.css-table .colspan:after{
	content: "C";
	display: inline;
	visibility: hidden;
}
.css-table .spanned-content{
	position: absolute;
}

.css-table .th:first-child {
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0;
}
.css-table .th:last-child {
	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
	border-radius: 0 8px 0 0;
}

.css-table .thead .tr{
	border: 0px solid #333;
}
.css-table .thead .tr .th{
	backg round-color: #0066cc;
	color: #000;
	font-weight: 900;
	line-height: 2em;
	height: 2em;
	vertical-align: middle;
	text-align: left;
	padding: 0.4em;
}
.css-table .tbody .tr .td{
	line-height: 2em;
	height: 2em;
	vertical-align: middle;
	text-align: left;
	padding: 0.4em;
}
.css-table .tbody .tr{
	border-bottom: 1px solid #e0e0e0;
}

.css-table .tbody .tr:last-child{
	border-bottom: none;
}
.css-table .thead .tr .th:first-child{
	width:50%;
}
.css-table .thead .tr .th:nth-child(2){
	width:20%;
}

#dnssec .css-table .tbody .tr .title,
#chooseyear .css-table .tbody .tr .title,
#renewdomain .css-table .tbody .tr .title,
#dmglist .css-table .tbody .tr .title,
#dmgchkdns .css-table .tbody .tr .title,
#redlist .css-table .tbody .tr .title{
	display: none;
}

#dndatainput .css-table .tbody .tr{
	border-bottom: 1px solid #e0e0e0;
}
#renewdomain .css-table .thead .tr .th:first-child{
	width: 3%;
}
#renewdomain .css-table .thead .tr .th:nth-child(2){
	width: 25%;
}
#renewdomain .css-table .thead .tr .th:nth-child(5){
	width: 15rem;
}

#dmglist .css-table .tbody .tr{
	border-bottom: 1px solid #e0e0e0;
}
#dmglist .css-table .thead .tr .th:first-child{
	width: 5%;
}
#dmglist .css-table .thead .tr .th:nth-child(2){
	width: 30%;
}
#dmglist .css-table .thead .tr .th:nth-child(3){
	width: 12%;
}
#dmglist .css-table .thead .tr .th:nth-child(4){
	width: 10%;
}
#dmglist .css-table .thead .tr .th:nth-child(5){
	width: 35%;
}
#dmglist .css-table .thead .tr .th:nth-child(6){
	width: 8%;
}
.css-table .thead .graybg .th{
	background-color: #777777;
}
#dmgchkdns .css-table .thead .tr .th:first-child{
	width: 50%;
}
#dmgchkdns .css-table .thead .tr .th:nth-child(2){
	width: 50%;
}

#redlist .css-table .tbody .tr{
	border-bottom: 1px solid #e0e0e0;
}
#redlist .css-table .thead .tr .th:first-child{
	width: 5%;
}
#redlist .css-table .thead .tr .th:nth-child(2){
	width: 15%;
}
#redlist .css-table .thead .tr .th:nth-child(3){
	width: 23%;
}
#redlist .css-table .thead .tr .th:nth-child(4){
	width: 30%;
}
#redlist .css-table .thead .tr .th:nth-child(5){
	width: 20%;
}
#redlist .css-table .thead .tr .th:nth-child(6){
	width: 7%;
}
#redlist .block1{
	display: block;
}

#dnssec .css-table .thead .tr .th:first-child{
	width: 5%;
}
#dnssec .css-table .thead .tr .th:nth-child(2){
	width: 10%;
}
#dnssec .css-table .thead .tr .th:nth-child(3){
	width: 8%;
}


@media only screen and (max-width: 990px){
	#dmglist .css-table,
	#redlist .css-table{
		background-color: transparent;
	}
	#dmglist .css-table .thead,
	#redlist .css-table .thead{
		display: none;
	}
	#dmglist .css-table .tr,
	#redlist .css-table .tr{
		display:block;
		border: #e0e0e0 1px solid;
		margin-bottom: 2em;
		background: #fff;
	}
	#dmglist .css-table .th,
	#dmglist .css-table .td,
	#redlist .css-table .th,
	#redlist .css-table .td{
		display: inline-block;
		width: 100%;
		white-space: nowrap;
		border: #f00 0px solid;
		line-height: 3em !important;
		height: auto !important;
		padding: 0.2em .5em !important;
	}
	
	#dmglist .css-table .tbody .tr .title,
	#redlist .css-table .tbody .tr .title{
		display: inline-block;
		background: #0066cc;
		color: #fff;
		font-weight: 900;
		border: #f00 0px solid;
		
		background-color: #ccddff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#e6eeff), to(#ccddff));
		background-image: -webkit-linear-gradient(top, #e6eeff, #ccddff);
		background-image: -moz-linear-gradient(top, #e6eeff, #ccddff);
		background-image: -ms-linear-gradient(top, #e6eeff, #ccddff);
		background-image: -o-linear-gradient(top, #e6eeff, #ccddff);
		background-image: linear-gradient(top, #e6eeff, #ccddff);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6eeff, endColorstr=#ccddff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6eeff, endColorstr=#ccddff)";
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
		-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
		box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
		border-top: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);			
	}
	
	#dmglist .css-table .tbody .gray .title,
	#redlist .css-table .tbody .gray .title{
		background: #777777;
	}
	
	#dmglist .css-table .tbody .tr:last-child .td:not(:last-child),
	#redlist .css-table .tbody .tr:last-child .td:not(:last-child){
		display:none;
	}
	#dmglist .css-table .tbody .tr:last-child,
	#redlist .css-table .tbody .tr:last-child{
		border-bottom: 1px solid #e0e0e0;
	}
	#dmglist .css-table .tbody .tr .td-select,
	#redlist .css-table .tbody .tr .td-select{
		padding-top: 0.4em !important;
	}
	#dmglist .css-table input[type="text"],
	#redlist .css-table input[type="text"]{
		line-height: 2em;
		margin-top: 0.5em;
	}
}

@media only screen and (max-width: 736px){
	.css-table{
		background-color: transparent;
	}
	.css-table .thead{
		display: none;
	}
	.css-table .tr{
		display:block;
		border: #e0e0e0 1px solid;
		margin-bottom: 2em;
		background: #fff;
	}
	.css-table .th,
	.css-table .td{
		display: inline-block;
		width: 100%;
		white-space: nowrap;
		border: #f00 0px solid;
		line-height: 3em !important;
		height: auto !important;
		padding: 0em .5em !important;
	}

	#dnssec .css-table .tbody .tr .title,
	#chooseyear .css-table .tbody .tr .title,
	#renewdomain .css-table .tbody .tr .title,
	#redlist .css-table .tbody .tr .title,
	#dmgchkdns .css-table .tbody .tr .title,
	#dmglist .css-table .tbody .tr .title{
		display: inline-block;
		background: #0066cc;
		color: #000;
		font-weight: 900;
		border: #f00 0px solid;
		
		background-color: #ccddff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#e6eeff), to(#ccddff));
		background-image: -webkit-linear-gradient(top, #e6eeff, #ccddff);
		background-image: -moz-linear-gradient(top, #e6eeff, #ccddff);
		background-image: -ms-linear-gradient(top, #e6eeff, #ccddff);
		background-image: -o-linear-gradient(top, #e6eeff, #ccddff);
		background-image: linear-gradient(top, #e6eeff, #ccddff);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6eeff, endColorstr=#ccddff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6eeff, endColorstr=#ccddff)";
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
		-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
		box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
		border-top: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);		
	}
	
	.css-table .tbody .gray .title{
		background: #777777;
	}
	
	.css-table .tbody .tr:last-child .td:not(:last-child){
		display:none;
	}
	.css-table .tbody .tr:last-child{
		border-bottom: 1px solid #e0e0e0;
	}
	.css-table .tbody .tr .td-select{
		padding-top: 0.4em !important;
	}
	.css-table input[type="text"],
	.css-table select{
		line-height: 2em;
		margin: .5em .5em;
	}
}


.carlist th,td{
	font-size: 12pt;
}
div.th,div.td{
	font-size: 11pt;
}

.css-table input[type="text"],
.css-table input[type="email"],
.css-table input[type="password"],
.css-table select,
.css-table textarea {
	font-size: 12pt;
	line-height: 2em;
	height: 2em ;
}