/* Right Submenu */

#rightmenu li.top a{width:108px;background-image:url(images/s_top_off.jpg);margin-bottom:7px;}
#rightmenu li.clifford a{width:194px;background-image:url(images/s_01_off.jpg);}
#rightmenu li.panthera a{width:194px;background-image:url(images/s_02_off.jpg);}
#rightmenu li.argus a{width:194px;background-image:url(images/s_03_off.jpg);}
#rightmenu li.viper a{width:194px;background-image:url(images/s_04_off.jpg);}
#rightmenu li.ceptor a{width:194px;background-image:url(images/s_05_off.jpg);}
#rightmenu li.scrimer a{width:194px;background-image:url(images/s_06_off.jpg);}
#rightmenu li.option a{width:194px;background-image:url(images/s_07_off.jpg);}
#rightmenu li.progre a{width:194px;background-image:url(images/s_08_off.jpg);}
#rightmenu li.grgo a{width:194px;background-image:url(images/s_09_off.jpg);}
#rightmenu li.authoralarm a{width:194px;background-image:url(images/s_10_off.jpg);}

#rightmenu li.top a:hover{background-image:url(images/s_top_on.jpg);}
#rightmenu li.clifford a:hover{background-image:url(images/s_01_on.jpg);}
#rightmenu li.panthera a:hover{background-image:url(images/s_02_on.jpg);}
#rightmenu li.argus a:hover{background-image:url(images/s_03_on.jpg);}
#rightmenu li.viper a:hover{background-image:url(images/s_04_on.jpg);}
#rightmenu li.ceptor a:hover{background-image:url(images/s_05_on.jpg);}
#rightmenu li.scrimer a:hover{background-image:url(images/s_06_on.jpg);}
#rightmenu li.option a:hover{background-image:url(images/s_07_on.jpg);}
#rightmenu li.progre a:hover{background-image:url(images/s_08_on.jpg);}
#rightmenu li.grgo a:hover{background-image:url(images/s_09_on.jpg);}
#rightmenu li.authoralarm a:hover{background-image:url(images/s_10_on.jpg);}

#security.top		#rightmenu li.top a {background-image:url(images/s_top_on.jpg);}
#security.clifford	#rightmenu li.clifford a {background-image:url(images/s_01_on.jpg);}
#security.panthera	#rightmenu li.panthera a {background-image:url(images/s_02_on.jpg);}
#security.argus		#rightmenu li.argus a {background-image:url(images/s_03_on.jpg);}
#security.viper		#rightmenu li.viper a {background-image:url(images/s_04_on.jpg);}
#security.ceptor	#rightmenu li.ceptor a {background-image:url(images/s_05_on.jpg);}
#security.scrimer	#rightmenu li.scrimer a {background-image:url(images/s_06_on.jpg);}
#security.option	#rightmenu li.option a {background-image:url(images/s_07_on.jpg);}
#security.progre	#rightmenu li.progre a {background-image:url(images/s_08_on.jpg);}
#security.grgo		#rightmenu li.grgo a {background-image:url(images/s_09_on.jpg);}
#security.authoralarm		#rightmenu li.authoralarm a {background-image:url(images/s_10_on.jpg);}

/* style */
h1{margin:0px;padding:0px;line-height:0%;}
h3{margin-top:20px;margin-bottom:7px;border-bottom:#ccc solid 1px;padding-bottom:2px;}

table td dl {margin-top:8px;margin-left:15px;}
table td dl dt {display:block;width:8em;line-height:100%;clear:left;float:left;height:1.6em;}
table td dl dd {display:block;line-height:100%;height:1.6em;}

#warning {
	margin-top:12px;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:1em;
	}
#warning p {
	line-height:140%;
	font-size:75%;
	}

#seriesnavi {
	border-bottom:1px solid #ccc;
	margin-top:2em;
	margin-bottom:2em;
	}
#seriesnavi ul {
	}
#seriesnavi ul li {
	list-style:none;
	font-size:84%;
	}
#seriesnavi a {
	float:left;
	display:block;
	width:8em;
	margin-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	background-color:#eee;
	}
#seriesnavi ul li.present a {
	background-color:#ccc;
	}
#seriesnavi ul li a:hover {
	background-color:#ccc;
	}
table.selection td {
	vertical-align: top;
	width:220px;
	}
table.selection td p.plan {
	font-size:75%;
	font-weight:bold;
	}
table.selection td ul {
	/*list-style-type:none;*/
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	}
table.selection td li {
	font-size:75%;
	}

/*for security*/
div.basicinfo {
	width:400px !important;
	}

div.securityfunction ul {
	with:400px;
	/*margin-left:12px;*/
	}

div.securityfunction ul li{
	float:left;
	list-style-type:none;
	margin-right:5px;
	}

div.my-balloon{font-size:74%;opacity:1 !important;max-width: 200px;}


/**/

.securityfunction li {
	display: table;
	margin:5px 0px 0px 0px;
	padding:0px;
	width: 90px;
	height: 35px;
	border-radius: 5px;
	text-align: center;
	line-height: 100px; 
	border:1px solid #84d8f78d;
	/*background-color: rgb(203, 238, 247);*/
	background: linear-gradient(to bottom,  #eaf5f9 0%,#cfecf7 40%,#c1e7f7 55%,#ceedfa 100%);
}
.securityfunction li span {color:rgb(199, 55, 55);}
.securityfunction li .name {
	font-size: 10px;
	line-height: 100% !important;
	font-weight: bold;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.securityfunction li.op {
	border-radius: 5px;
	border:1px solid #bebebe;
	background-color: rgb(225, 224, 224);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#d3d4d5 40%,#d0d0d0 55%,#eeeeee 100%);
}

.securityfunction li.op .name::after {
	content: "Option";
	font-size: 10px;
	color:rgb(199, 55, 55);
}

.securityfunction li.na {
	border-radius: 5px;
	border:1px dashed #888;
	background-color: rgb(225, 224, 224);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#d3d4d5 40%,#d0d0d0 55%,#eeeeee 100%);
}

.securityfunction li.na .name {
	font-size: 10px;
	color:rgb(104, 104, 104);
}