﻿
/* Layout Css*/


p{margin:0 10px 10px}
.name A:hover {text-decoration: none; font-size:14px; color: black;}

div#opheader h1{height:180px;line-height:80px;margin:0;
  padding-left:6px;background: #EEE;color: #79B30B}
div#container{width:980px; margin:0 auto; text-align:left; font-size:12px;}
div#extra {
	float:right;
	width:735px;
	background-color: transparent;
	background-image: url('../../../Images/options/en/bgtab.gif');
	background-repeat: no-repeat;
}
div#content img {margin:15px 0 0 0;}
div#content{float:right; width:735px}
div#content h2 {font-size:14px; border-bottom:1px solid #cacaca; margin:10px 0 5px 0; clear:left;}
div#content h3 {font-size:12px; margin:10px 0 5px 0;}
div#opnavigation{float:left; width:190px}
div#opbanner{float:left; margin:15px 0 5px 0; clear:both; width:190px}
ul#optionlist{
	font-size: 1.1em;
	list-style-image: url(../../../Images/options/en/op_arrow.png);
	list-style-position: inside;
	line-height: 170%;
}
div#content p{line-height:1.4; margin:0 0 10px 0;}

/* For tables in advanced section */
#content table.box {margin-bottom: 15px; border-collapse: collapse}  
#content table.box td {	border-right: #d3d3d3 1px solid; padding-right: 6px; border-top: #d3d3d3 1px solid;	padding-left: 6px;	padding-bottom: 6px; border-left: #d3d3d3 1px solid; padding-top: 6px;	border-bottom: #d3d3d3 1px solid; text-align: left}
#content table.box th {	border-right: #d3d3d3 1px solid; padding-right: 6px; border-top: #d3d3d3 1px solid;	padding-left: 6px;	font-weight: bold; padding-bottom: 6px;	border-left: #d3d3d3 1px solid;	padding-top: 6px; border-bottom: #d3d3d3 1px solid; text-align: left; background-color: #f5f5f5}
.zebra_on {	background-color: #f5f5e1}  
.zebra_off { background-color: #ffe}
.small {font-size:10px;}

.anchors {float:left; width:250px; margin:10px 0 ;}
.anchors li {list-style-image: url(../../../Images/options/en/op_arrow.png); list-style-position:inside;}
.anchors li a {padding-left:5px;}


/* Navagation Css*/
#menu {list-style-type:none;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {
	float: left;
	background: #83ACCA;
	position: relative;
	border-top: 2px solid #fff;
	
}
#menu li.sub {
	background: #669900;
	background-image: url('../../../Styles/options/green_bg.gif');
}


#menu li, #menu li a {
	display: block;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 27px;
	width: 200px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-indent: 24px;
}


#menu ul,
#menu li.sub ul ul,
#menu li.sub ul li.hover ul ul {display:none;}

#menu li.hover {color:#ff0; z-index:500;}
#menu li.sub {color:#ff0;}

#menu li.sub ul {display:block;}
#menu li.sub ul li.hover ul, 
#menu li.sub ul li.hover ul li.hover ul {display:block; position:absolute; left:200px; top:-1px; border:0px solid #fff; border-width:0 0px 0px;}

#menu li.sub ul li.fly {background: #83ACCA url('../../../Styles/options/arrow.gif') no-repeat right top;}
#menu li.sub ul li.hover {background:#0099CC;}

#menu li.sub ul li.hover ul li {background: #0099CC;}
#menu li.sub ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.sub ul li.hover ul li.fly {
	background: #95E4FF url('../../../Styles/options/arrow.gif') no-repeat right top;}
#menu li.sub ul li.hover ul li.hover {
	z-index: 500;
	background: #99CCFF;
}
#menu li.sub ul li.hover ul li.hover a {color:#000;}

#menu li.sub ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.sub ul li.hover ul li.hover ul li.hover a {color:#fff;}

#outer img {display:block; float:right;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}
