#corspecDisplay {
	position: fixed;
	z-index: 60;
	display: none;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	overflow: auto;
}
#corspecDisplay .window {
	position: relative;
	width: 80%;
	z-index: 62;
	top: 30px;
	padding: 16px;
	border: 1px solid #ddd;
	background-color: #FFF;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	border-radius: 6px;
	margin-bottom: 30px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#corspecDisplay .title h1 {
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	float: left;
	width: 70%;
}
#corspecDisplay .title a.close {
	display: block;
	float: right;
	width: 25%;
	background-color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;
	text-align: center;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	border-radius: 6px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	border: 1px solid #555;
	margin-bottom: 10px;
	color: #FFF;
}
#corspecDisplay table {
	border-collapse: separate;
	border-spacing: 2px 2px;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #444;
}
#corspecDisplay tbody td,
#corspecDisplay thead td {
	background-color: #f8f8f8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #e9e9e9;
	border-bottom-color: #e7e7e7;
	border-left-color: #e9e9e9;
	font-weight: normal;
	padding: 6px;
}
#corspecDisplay tbody td:nth-child(2n),
#corspecDisplay thead td:nth-child(2n) {
	background-color: #fbfbfb;
}
#corspecDisplay thead td {
	background-color: #fcfcfc;
	border-color: #ececec;
}
#corspecDisplay thead td,
#corspecDisplay tbody .use,
#corspecDisplay tbody .os,
#corspecDisplay tbody .basic,
#corspecDisplay tbody .myphoto {
	text-align: center;	
}
#corspecDisplay .bg {
	background-color: #FFF;
	position: fixed;
	z-index: 52;
	height: 100%;
	width: 100%;
	opacity: 0.90;
	filter: alpha(opacity=90);
	display: block;
	left: 0px;
	top: 0px;
}
/*detail*/
#corspecDisplay tbody tr.used td {
	background-color: #FFF;
	font-weight: bold;
}
#corspecDisplay tbody td.enable {
	color: #09F;
	background-color: #D4F6FF !important;
	border-color: #BDE2EB;
}
#corspecDisplay tbody td.disable {
	color: #C33;
	background-color: #FFE6E5 !important;
	border-color: #ECD8D4;
}
#corspecDisplay tbody .basic,
#corspecDisplay tbody .myphoto {
	font-weight: bold;
	font-size: 16px;
	line-height: 1em;
}
#corspecDisplay tbody .os {
	font-size: 10px;
	line-height: 1.5em;	
}
/*clients*/
#corspecDisplay tbody .client {
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 24px;
}
#corspecDisplay tbody .ie-old {
	background-image: url(../ui/spec/ie-old.png);	
}
#corspecDisplay tbody .ie {
	background-image: url(../ui/spec/ie.png);	
}
#corspecDisplay tbody .chrome {
	background-image: url(../ui/spec/chrome.png);	
}
#corspecDisplay tbody .safari {
	background-image: url(../ui/spec/safari.png);	
}
#corspecDisplay tbody .android {
	background-image: url(../ui/spec/android.png);	
}
#corspecDisplay tbody .firefox {
	background-image: url(../ui/spec/firefox.png);	
}