body{
	margin: 0px auto;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF url(file:///I|/Praveen%20e-book/img/bg.png);
	background-image: url(bg2.png);	/*#FFFFFF;*/
}
.boxa {
	position:relative;
		background:#FC0;
	border: 1px solid #CCC;
	 border-radius: 5px;
	 font-family:Georgia, 'Times New Roman', Times, serif; 
	 font-size:14px;
	 line-height:30px;
	 font-style:italic;
	 color:#666; 
	 padding:20px;
	 opacity:0.8;
}
img {margin-bottom: 1px;}
/*------------------------------------------------------------------------------------------------*/
#container_f{
	margin: 0px auto;
	width: 720px;
	height:1040px;
	padding: 10px;
	background-image:url(../image1/coverpage_PE.png);
	
}
/*------------------------------------------------------------------------------------------------*/
#container{
	margin: 0px auto;
	width: 1020px;
	/*padding: 10px;*/
	padding: 0px;
	background-color:#FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	overflow:hidden;
	}
#container1{
	margin: 0px auto;
	width: 1020px;
	background: #FFF url(file:///I|/Praveen%20e-book/images/container_tp_bg.gif) top right no-repeat;
	height: auto;
	padding: 10px;
	}
/*------------------------------------------------------------------------------------------------*/
a{ 
text-decoration:none; 
color:#333333}
/*------------------------------------------------------------------------------------------------*/
#header{
	margin-bottom: 10px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
/*------------------------------------------------------------------------------------------------*/
.top_nav{
	text-align: left;
	font-size: 13px;
	float: right;
	width: auto;
	padding-top: 10px;
}
/*------------------------------------------------------------------------------------------------*/
.main_content_leftbox{
	text-align:justify;
	float:Left;
	width:450px;
	z-index: -10000;
}
/*------------------------------------------------------------------------------------------------*/
.main_content_rightbox{ 
text-align:justify; 
float:right; 
width:450px;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.Box_fig_L{
	text-align:justify;
	float:Left;
	width:380px;
	z-index: -10000;
}
/*------------------------------------------------------------------------------------------------*/
.Box_fig_R{ 
text-align:justify; 
float:right; 
width:380px;}


/*------------------------------------------------------------------------------------------------*/
.Box_3fig_L{
	text-align:justify;
	float:Left;
	width:240px;
	z-index: -10000;
}
/*------------------------------------------------------------------------------------------------*/
.Box_3fig_M{
	text-align: justify;
	float: none;
	width: 240px;
	z-index: -10000;
	overflow: hidden;
	position:static;
}
/*------------------------------------------------------------------------------------------------*/
.Box_3fig_R{
	text-align: justify;
	float: right;
	width: 240px;
	z-index: -10000;
		}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.main_content_leftbox1{
	text-align:justify;
	float:Left;
	width:400px;
	z-index: -10000;
}
/*------------------------------------------------------------------------------------------------*/
.main_content_rightbox1{ 
text-align:justify; 
float:right; 
width:400px;}
/*------------------------------------------------------------------------------------------------*/
.top_nav a{ 
color:#999; 
margin:0px 5px;}
/*------------------------------------------------------------------------------------------------*/
.top_nav a:hover{
color:#000;}
/*------------------------------------------------------------------------------------------------*/
.fleft{
float:left;
width:500px;
background: rgba(0, 0, 0, 0.1);
padding-left: 25px;
}
/*------------------------------------------------------------------------------------------------*/
.fcenter{
	float:left;
	width:200px;
	background: rgba(0, 0, 0, 0.1);
	padding-left: 25px;
}
/*------------------------------------------------------------------------------------------------*/
.fright{
float:left;
width:220px;
background: rgba(0, 0, 0, 0.1);
padding-left: 25px;
}
/*------------------------------------------------------------------------------------------------*/
.clr{ 
clear:both}
/*------------------------------------------------------------------------------------------------*/
#main_content{
letter-spacing: normal;
line-height: 1.6;
text-align: justify;
padding: 10px 40px 0px 40px;
height: auto;
}
#Slide {
	letter-spacing: normal;
	line-height: 1.6;
	text-align: justify;
	padding: 10px 40px 0px 40px;
	height: 5.23in;
	width: 10in;
	border: thin dotted #666;
}
#Book {
	letter-spacing: normal;
	line-height: 1.6;
	text-align: justify;
	height: 6.9in;
	width: 10in;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	/*border: thin dotted #666;*/
}
#Book_f {
	letter-spacing: normal;
	line-height: 1.6;
	text-align: justify;
	height: 1040px;
	width: 720px;	
}

.content{
letter-spacing: normal;
line-height: 1.6;
text-align: justify;
/*height: 470px;*/
}
#main_content1{
letter-spacing: normal;
line-height: 1.6;
text-align: justify;
padding: 10px 40px 0px 40px;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*If the top-level menu doesn't cover the full width of the browser window, then the background for the BODY element will show through in the exposed parts. To deal with this, we can set the width of the outer UL element to 100%, and give it a background:*/
.navmenu
{
	/*New*/
	/* [disabled]background-color: #FCFCFC; */
	background-color: transparent;
	border: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	z-index: 999;
	/*old*/
	width: 100%;
	float: left;/*This works nicely in Opera and IE, but not in Firefox, which makes a change. If we also make it float to the left, then it works in all three browsers.*/
	line-height: 43px;
}

/*to take off all the normal list adornments, so we know what the indents are, and don't get bullet marks*/

.navmenu,
.navmenu ul,
.navmenu li
{
   padding: 0px;
  margin: 0px;
 
}

.navmenu + *
{
  clear: left;
}
.endmenu
{
  clear: left;
}
/*Next off is to hide the sub-menus, and show them when the mouse moves over the parent. This requires a browser that supports :hover for LI tags. For IE, we can then simulate this with DHTML Behaviours, as suggested by Tarquin: */

.navmenu li{
	padding: 0px1px 0px 1px;/*spacing around the text*/
	/* [disabled]width: 141px; */
	line-height: 43px;
	color: #999999;
	width: 100%;
	/*This works OK, but as the menus expand, the content of the rest of the page gets shunted down to make room. Ideally, we'd like the menus to show on top of the rest of the page. We can do this by giving the sub-menus a position style of absolute, but if we do just that then they're hard to see over the top of the text below, and the menus don't work quite right in IE. Therefore, we will add a border, and background. Of course, if we set a background colour, we ought to set the foreground colour too. Links have a different default colour to other text, so we need to set that separately. We therefore need to add the following styles: */
	/* [disabled]color: #000099; *//*this works for both menu and submenus*/
	/* [disabled]background-color: transparent; */
	border-bottom: 1px solid #999999;/*this works for both menu and submenus*/
	/* [disabled]padding: 2px; *//*Having the menu entries just display as minimal-sized blocks can mean that the text is quite close to the edges, and looks a bit crammed in. We can alleviate this by adding some padding to the LI elements:*/
	margin: 0px;
	list-style-type: none;
	/*We make the top level menu horizontal by floating the menu items, but if we do that then the rest of the page now displays underneath them, so we need to follow the menu with a clear style. In compliant browsers, we can do this using the .navmenu + * selector, but IE doesn't support this, so we need a tag with a class attribute of .endmenu following our menu (an empty DIV is good for that): */
	float: left;/*In Mozilla, the drop-down menus are also horizontal, whereas in IE, they're vertical. We can fix that by making only the top-level menu entries float, rather than all of them: */
	position: relative;/*it make sub menus and subsub menu verticle while hovering*/
}
.navmenu li a{
	/* [disabled]color: #000099; */
	color: #CCCCCC;
	display: block;
	font-weight: bold;
	line-height: 37px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	z-index: 10000;
}
.navmenu  li a:hover{
	color: #61bde7;
	text-decoration: none;
	/* [disabled]background: #61bde7; */
	z-index: 10000;
}
.navmenu ul  
{
	left: 99%;
	margin-top: -1.2em;
	/*height:30px;*/
	list-style: none;
	margin: 0;
	z-index: 10000;
	/*old*/
	display: none;/*to hide submenu*/
	position: absolute;/*it stop  the content of the rest of the page gets shunted down to make room.but then they're hard to see over the top of the text below*/
	margin-left: -3px; /* was -2px *//*marging for the sub menues*/
	margin-top: 2px;
	background-color: #99CCCC;
}
.navmenu li ul{
	border-bottom: 0px solid #999999;
	display: none;
	height: auto;
	opacity: 0.90;
	position: absolute;
	width: 144px;
	padding: 1px 1px;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;
	z-index: 10000;/*top:1em;
/*left:0;*/
	background-color: #1C85B7;
}
/*it hangs sumenu always right to the menu items*/
.navmenu ul ul
{
 
  left: 99%;
  margin-top: -1.2em;/*it can be editable*/
}


.navmenu li:hover
{
	background-color: #666666;
}
.navmenu li:hover > ul
{
	display: block;/*when mouse is over menu display submenu*/
}
.navmenu ul.parent_hover
{  display: block;/*when mouse is over menu display submenu*/
}

/*This works OK, but as the menus expand, the content of the rest of the page gets shunted down to make room. Ideally, we'd like the menus to show on top of the rest of the page. We can do this by giving the sub-menus a position style of absolute, but if we do just that then they're hard to see over the top of the text below, and the menus don't work quite right in IE. Therefore, we will add a border, and background. Of course, if we set a background colour, we ought to set the foreground colour too. Links have a different default colour to other text, so we need to set that separately. We therefore need to add the following styles: */


.navmenu a
{
  color: #000033;
  /*I like the links to take up the full width of the box, so you don't have to click on the text. It's therefore nice to highlight the entire box when you hover the mouse, so you can see you're over a menu item that's actually a link. In this case, because it's links we're referring to, IE is quite happy with :hover, so we can use the same styling for all browsers: */
  display:block;
  width: 100%;
  text-decoration: none;
}
.navmenu a:hover
{
	/* [disabled]background-color: #61bde7; *//*change the color while hovert over the link*/
	color: #61bde7;
}

.navmenu span
{
  display: block;/*we put the non-link menu items in SPAN tags*/
}

/*-----------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------*/
/*If the top-level menu doesn't cover the full width of the browser window, then the background for the BODY element will show through in the exposed parts. To deal with this, we can set the width of the outer UL element to 100%, and give it a background:*/
.navmenu1
{
	/*New*/
	background-color: #FCFCFC;
border:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#999999;
z-index: 999;
	
	/*old*/
  width: 100%;
   float: left;/*This works nicely in Opera and IE, but not in Firefox, which makes a change. If we also make it float to the left, then it works in all three browsers.*/
}

/*to take off all the normal list adornments, so we know what the indents are, and don't get bullet marks*/

.navmenu1,
.navmenu1 ul,
.navmenu1 li
{
   padding: 0px;
  margin: 0px;
 
}

.navmenu1 + *
{
  clear: left;
}
.endmenu1
{
  clear: left;
}
/*Next off is to hide the sub-menus, and show them when the mouse moves over the parent. This requires a browser that supports :hover for LI tags. For IE, we can then simulate this with DHTML Behaviours, as suggested by Tarquin: */

.navmenu1 li{
padding:0px1px 0px 1px;/*spacing around the text*/
width: 141px;
/*This works OK, but as the menus expand, the content of the rest of the page gets shunted down to make room. Ideally, we'd like the menus to show on top of the rest of the page. We can do this by giving the sub-menus a position style of absolute, but if we do just that then they're hard to see over the top of the text below, and the menus don't work quite right in IE. Therefore, we will add a border, and background. Of course, if we set a background colour, we ought to set the foreground colour too. Links have a different default colour to other text, so we need to set that separately. We therefore need to add the following styles: */
color: #c27603;/*this works for both menu and submenus*/
background-color: #FCFCFC;/*this works for both menu and submenus*/
border-bottom: 1px solid #999999;/*this works for both menu and submenus*/

 padding: 2px;/*Having the menu entries just display as minimal-sized blocks can mean that the text is quite close to the edges, and looks a bit crammed in. We can alleviate this by adding some padding to the LI elements:*/
  margin: 0px;
   list-style-type: none;
   
   /*We make the top level menu horizontal by floating the menu items, but if we do that then the rest of the page now displays underneath them, so we need to follow the menu with a clear style. In compliant browsers, we can do this using the .navmenu + * selector, but IE doesn't support this, so we need a tag with a class attribute of .endmenu following our menu (an empty DIV is good for that): */
  float: left;/*In Mozilla, the drop-down menus are also horizontal, whereas in IE, they're vertical. We can fix that by making only the top-level menu entries float, rather than all of them: */
  position: relative;/*it make sub menus and subsub menu verticle while hovering*/

}
.navmenu1 li a{
	color:#c27603;
	display:block;
	font-weight:bold;
	line-height:30px;
	padding:0px;
	text-align:left;
	text-decoration:none;
	z-index: 10000;
}
.navmenu1 li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background: #c27603;
	z-index: 10000;
}
.navmenu1 ul  
{
/*new*/
background:#FCFCFC;

/*height:30px;*/
list-style:none;
margin:0;
z-index: 10000;

/*old*/
display: none;/*to hide submenu*/
position: absolute;/*it stop  the content of the rest of the page gets shunted down to make room.but then they're hard to see over the top of the text below*/
margin-left: -3px; /* was -2px *//*marging for the sub menues*/
margin-top: 2px;
}
.navmenu1 li ul{
background:#FFFFFF;
border-bottom:0px solid #999999;
display:none;
height:auto;
opacity:0.85;
position:absolute;
width:144px;
padding: 1px 1px;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
z-index: 10000;
/*top:1em;
/*left:0;*/
}
/*it hangs sumenu always right to the menu items*/
.navmenu1 ul ul
{
 
  left: 99%;
  margin-top: -1.2em;/*it can be editable*/
}


.navmenu1 li:hover
{
  background-color: #f8f8fb;
}
.navmenu1 li:hover > ul
{  display: block;/*when mouse is over menu display submenu*/
}
.navmenu1 ul.parent_hover
{  display: block;/*when mouse is over menu display submenu*/
}

/*This works OK, but as the menus expand, the content of the rest of the page gets shunted down to make room. Ideally, we'd like the menus to show on top of the rest of the page. We can do this by giving the sub-menus a position style of absolute, but if we do just that then they're hard to see over the top of the text below, and the menus don't work quite right in IE. Therefore, we will add a border, and background. Of course, if we set a background colour, we ought to set the foreground colour too. Links have a different default colour to other text, so we need to set that separately. We therefore need to add the following styles: */


.navmenu1 a
{
  color: #000033;
  /*I like the links to take up the full width of the box, so you don't have to click on the text. It's therefore nice to highlight the entire box when you hover the mouse, so you can see you're over a menu item that's actually a link. In this case, because it's links we're referring to, IE is quite happy with :hover, so we can use the same styling for all browsers: */
  display:block;
  width: 100%;
  text-decoration: none;
}
.navmenu1 a:hover
{

   background-color: #c27603;/*change the color while hovert over the link*/
   color: #fcfcfc;
}

.navmenu1 span
{
  display: block;/*we put the non-link menu items in SPAN tags*/
}

/*-----------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------*/
/*If the top-level menu doesn't cover the full width of the browser window, then the background for the BODY element will show through in the exposed parts. To deal with this, we can set the width of the outer UL element to 100%, and give it a background:*/
.navmenu2
{
	/*New*/
	background-color: #FCFCFC;
border:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#999999;
z-index: 999;
	
	/*old*/
  width: 100%;
   float: left;/*This works nicely in Opera and IE, but not in Firefox, which makes a change. If we also make it float to the left, then it works in all three browsers.*/
}

/*to take off all the normal list adornments, so we know what the indents are, and don't get bullet marks*/

.navmenu2,
.navmenu2 ul,
.navmenu2 li
{
   padding: 0px;
  margin: 0px;
 
}

.navmenu2 + *
{
  clear: left;
}
.endmenu2
{
  clear: left;
}
/*Next off is to hide the sub-menus, and show them when the mouse moves over the parent. This requires a browser that supports :hover for LI tags. For IE, we can then simulate this with DHTML Behaviours, as suggested by Tarquin: */

.navmenu2 li{
padding:0px1px 0px 1px;/*spacing around the text*/
width: 141px;
/*This works OK, but as the menus expand, the content of the rest of the page gets shunted down to make room. Ideally, we'd like the menus to show on top of the rest of the page. We can do this by giving the sub-menus a position style of absolute, but if we do just that then they're hard to see over the top of the text below, and the menus don't work quite right in IE. Therefore, we will add a border, and background. Of course, if we set a background colour, we ought to set the foreground colour too. Links have a different default colour to other text, so we need to set that separately. We therefore need to add the following styles: */
color: #128901;/*this works for both menu and submenus*/
background-color: #FCFCFC;/*this works for both menu and submenus*/
border-bottom: 1px solid #999999;/*this works for both menu and submenus*/

 padding: 2px;/*Having the menu entries just display as minimal-sized blocks can mean that the text is quite close to the edges, and looks a bit crammed in. We can alleviate this by adding some padding to the LI elements:*/
  margin: 0px;
   list-style-type: none;
   
   /*We make the top level menu horizontal by floating the menu items, but if we do that then the rest of the page now displays underneath them, so we need to follow the menu with a clear style. In compliant browsers, we can do this using the .navmenu + * selector, but IE doesn't support this, so we need a tag with a class attribute of .endmenu following our menu (an empty DIV is good for that): */
  float: left;/*In Mozilla, the drop-down menus are also horizontal, whereas in IE, they're vertical. We can fix that by making only the top-level menu entries float, rather than all of them: */
  position: relative;/*it make sub menus and subsub menu verticle while hovering*/

}
.navmenu2 li a{
	color:#128901;
	display:block;
	font-weight:bold;
	line-height:30px;
	padding:0px;
	text-align:left;
	text-decoration:none;
	z-index: 10000;
}
.navmenu2  li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background: #128901;
	z-index: 10000;
}
.navmenu2 ul  
{
/*new*/
background:#FCFCFC;

/*height:30px;*/
list-style:none;
margin:0;
z-index: 10000;

/*old*/
display: none;/*to hide submenu*/
position: absolute;/*it stop  the content of the rest of the page gets shunted down to make room.but then they're hard to see over the top of the text below*/
margin-left: -3px; /* was -2px *//*marging for the sub menues*/
margin-top: 2px;
}
.navmenu2 li ul{
background:#FFFFFF;
border-bottom:0px solid #999999;
display:none;
height:auto;
opacity:0.85;
position:absolute;
width:144px;
padding: 1px 1px;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
z-index: 10000;
/*top:1em;
/*left:0;*/
}
/*it hangs sumenu always right to the menu items*/
.navmenu2 ul ul
{
 
  left: 99%;
  margin-top: -1.2em;/*it can be editable*/
}


.navmenu2 li:hover
{
  background-color: #f8f8fb;
}
.navmenu2 li:hover > ul
{  display: block;/*when mouse is over menu display submenu*/
}
.navmenu2 ul.parent_hover
{  display: block;/*when mouse is over menu display submenu*/
}

/*This works OK, but as the menus expand, the content of the rest of the page gets shunted down to make room. Ideally, we'd like the menus to show on top of the rest of the page. We can do this by giving the sub-menus a position style of absolute, but if we do just that then they're hard to see over the top of the text below, and the menus don't work quite right in IE. Therefore, we will add a border, and background. Of course, if we set a background colour, we ought to set the foreground colour too. Links have a different default colour to other text, so we need to set that separately. We therefore need to add the following styles: */


.navmenu2 a
{
  color: #000033;
  /*I like the links to take up the full width of the box, so you don't have to click on the text. It's therefore nice to highlight the entire box when you hover the mouse, so you can see you're over a menu item that's actually a link. In this case, because it's links we're referring to, IE is quite happy with :hover, so we can use the same styling for all browsers: */
  display:block;
  width: 100%;
  text-decoration: none;
}
.navmenu2 a:hover
{

   background-color: #128901;/*change the color while hovert over the link*/
   color: #fcfcfc;
}

.navmenu2 span
{
  display: block;/*we put the non-link menu items in SPAN tags*/
}

/*-----------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/	
.style arrow{
width: 0;
height: 0;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 40px solid #000099;
float: right;
}
/*------------------------------------------------------------------------------------------------*/
.arrow{
height: 20px;
width: 20px;
margin-left:30px;
margin-top:-11px;
background:red;
-moz-transform:rotate(45deg);
border-right:1px solid #000;
border-bottom:1px solid #000;
}
/*------------------------------------------------------------------------------------------------*/
#footer{
	font-size: 11px;
	border-top: solid 1px #CCC;
	line-height: 25px;
	background: #FCFCFC;
	padding-left: 25px;
	width: auto;
	margin: auto;
}
#Box{
	font-size: 11px;
	border-top: solid 1px #CCC;
	line-height: 25px;
	padding-left: 25px;
	padding-right: 25px;
	width: 800px;
	float: inherit;
	padding-bottom: 10px;
	margin: 0 50px 0 50px;
	background-color: #F7FDF4;
}
#example{
	font-size: 11px;
	line-height: 25px;
	/*background: #E7F7FE;*/
	padding-left: 25px;
	padding-right: 25px;
	width: 800px;
	float: inherit;
	padding-bottom: 10px;
	margin: 0 50px 0 50px;
	color: #000000;
	background-color: #EDF7FC;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
}
/*------------------------------------------------------------------------------------------------*/
#footer a{ 
margin:0px 5px;
}
/*------------------------------------------------------------------------------------------------*/
style1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 70px;
color: #000099;
}
/*------------------------------------------------------------------------------------------------*/
.modal {
/* Overlay page content when image gets enlarged its open to another window -- very very imp*/
position: fixed;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
z-index: 1000;
/* Transition opacity on open --- its about text writtem not important*/ 
/*-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;*/
/* Hide for now ----very very imp otherwise no link to small image*/
opacity: 0;
pointer-events: none;
}
/*------------------------------------------------------------------------------------------------*/
/* Show modal --- very very imp ----- otherwise onclik it will not open another window of large image */
.modal:target {
opacity: 1;
pointer-events: auto;
}
/*------------------------------------------------------------------------------------------------*/
/* Content */
.modal > div {
/* ST comment-- for the shape of enlarge image box size --- very very important*/
width: 1000px;
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
position: relative;
margin: 2% auto;
/* Default minimise animation */
/* St comment not important at the moment -webkit-animation: minimise 500ms linear;*/
/* Prettify */
padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
/*st comment it was important to change background color*/
/*background: -moz-linear-gradient(#fff, #ccc);*/
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
text-shadow: 0 1px 0 #fff;
}
/*------------------------------------------------------------------------------------------------*/
/* Override animation on modal open */
.modal:target > div {
-webkit-animation-name: bounce;
}
/*------------------------------------------------------------------------------------------------*/
.modal h2 {
font-size: 36px;
padding: 0 0 10px;
}
/*------------------------------------------------------------------------------------------------*/
@-webkit-keyframes bounce {
0% {
-webkit-transform: scale3d(0.1,0.1,1);
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}

55% {
-webkit-transform: scale3d(1.08,1.08,1);
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
}

75% {
-webkit-transform: scale3d(0.95,0.95,1);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
}

100% {
-webkit-transform: scale3d(1,1,1);
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}
}
/*------------------------------------------------------------------------------------------------*/
@-webkit-keyframes minimise {
0% {
-webkit-transform: scale3d(1,1,1);
}
100% {
-webkit-transform: scale3d(0.1,0.1,1);
}
}
/*------------------------------------------------------------------------------------------------*/
/* Modal close link */
.modal a[href="All/#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}
/*------------------------------------------------------------------------------------------------*/
/* Reset native styles */
.modal a[href="All/#close"]:focus {
outline: none;
}
/*------------------------------------------------------------------------------------------------*/
/* Create close button */
.modal a[href="All/#close"]:after {
content: 'X';
display: block;
/* Position */
position: absolute;
right: -10px;
top: -10px;
width: 1.5em;
padding: 1px 1px 1px 2px;
/* Style */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/*------------------------------------------------------------------------------------------------*/
.modal a[href="All/#close"]:focus:after,
.modal a[href="All/#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}
/*------------------------------------------------------------------------------------------------*/
.modal a[href="All/#close"]:focus:after {
outline: 1px solid #000;
}
/*------------------------------------------------------------------------------------------------*/
/* Open modal */
a.openModal {
	display: block;
	width: auto;
	background: #FFFFFF;
	text-align: center;
	padding: 5;



-moz-border-radius: 7px;
	border-radius: 7px;
	/*background: -moz-linear-gradient(#fff, #ddd);
background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));*/
text-shadow: 0 1px 0 #fff;
	border: 1px solid rgba(0,0,0,0.1);



-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	float: center;
	/*margin: 1em auto;*/
}
/*------------------------------------------------------------------------------------------------*/
a.openModal:hover,
a.openModal:focus {
/*background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(200,200,200)));*/
}





/*for the boxes*/
/*------------------------------------------------------------------------------------------------*/
.modal1 {
/* Overlay page content when image gets enlarged its open to another window -- very very imp*/
position: fixed;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background: #F7FDF4;
z-index: 1000;
/* Transition opacity on open --- its about text writtem not important*/ 
/*-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;*/
/* Hide for now ----very very imp otherwise no link to small image*/
opacity: 0;
pointer-events: none;
}
/*------------------------------------------------------------------------------------------------*/
/* Show modal --- very very imp ----- otherwise onclik it will not open another window of large image */
.modal1:target {
opacity: 1;
pointer-events: auto;
}
/*------------------------------------------------------------------------------------------------*/
/* Content */
.modal1 > div {
/* ST comment-- for the shape of enlarge image box size --- very very important*/
width: 1000px;
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
position: relative;
margin: 2% auto;
/* Default minimise animation */
/* St comment not important at the moment -webkit-animation: minimise 500ms linear;*/
/* Prettify */
padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
/*st comment it was important to change background color*/
/*background: -moz-linear-gradient(#fff, #ccc);*/
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
text-shadow: 0 1px 0 #fff;
}
/*------------------------------------------------------------------------------------------------*/
/* Override animation on modal open */
.modal1:target > div {
-webkit-animation-name: bounce;
}
/*------------------------------------------------------------------------------------------------*/
.modal1 h2 {
font-size: 36px;
padding: 0 0 10px;
}
/*------------------------------------------------------------------------------------------------*/
@-webkit-keyframes bounce {
0% {
-webkit-transform: scale3d(0.1,0.1,1);
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}

55% {
-webkit-transform: scale3d(1.08,1.08,1);
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
}

75% {
-webkit-transform: scale3d(0.95,0.95,1);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
}

100% {
-webkit-transform: scale3d(1,1,1);
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}
}
/*------------------------------------------------------------------------------------------------*/
@-webkit-keyframes minimise {
0% {
-webkit-transform: scale3d(1,1,1);
}
100% {
-webkit-transform: scale3d(0.1,0.1,1);
}
}
/*------------------------------------------------------------------------------------------------*/
/* Modal close link */
.modal1 a[href="All/#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}
/*------------------------------------------------------------------------------------------------*/
/* Reset native styles */
.modal1 a[href="All/#close"]:focus {
outline: none;
}
/*------------------------------------------------------------------------------------------------*/
/* Create close button */
.modal1 a[href="All/#close"]:after {
content: 'X';
display: block;
/* Position */
position: absolute;
right: -10px;
top: -10px;
width: 1.5em;
padding: 1px 1px 1px 2px;
/* Style */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/*------------------------------------------------------------------------------------------------*/
.modal1 a[href="All/#close"]:focus:after,
.modal1 a[href="All/#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}
/*------------------------------------------------------------------------------------------------*/
.modal1 a[href="All/#close"]:focus:after {
outline: 1px solid #000;
}
/*------------------------------------------------------------------------------------------------*/
/* Open modal */
a.openModal1 {
	display: block;
	width: auto;
	text-align: center;
	padding: 5;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/*background: -moz-linear-gradient(#fff, #ddd);
background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));*/
	text-shadow: 0 1px 0 #fff;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	float: center;
	background-color: #F7FDF4;	/*margin: 1em auto;*/
}
/*------------------------------------------------------------------------------------------------*/
a.openModal1:hover,
a.openModal1:focus {
/*background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(200,200,200)));*/
}





/* -------------------------------------------------------Highlight buttons --------------------------------------*/

.btn_yellow, .btn_green, .btn_blue, .btn_pink, .btn_pink, .btn_unhighlight, .btn_unhigh_page
{
	background-size: 20px;
	background-position: 0px;
	width: 24px;
	height: 23px;
}
.btn_yellow
{
	background-image: url(image/highlight_yellow.png);
	
}
.btn_green
{
	background-image: url(image/highlight_green.png);
	
}
.btn_blue
{
	background-image: url(image/highlight_blue.png);
	
}
.btn_pink
{
	background-image: url(image/highlight_pink.png);
	
}
.btn_unhighlight
{
	background-image: url(image/unhighlight.png);
	
}
.btn_unhigh_page
{
	background-image: url(image/unhighlight_page.png);
	
}
/* -------------------------------------------------------End Highlight buttons --------------------------------------*/






.style1 {
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000099;
	}

/*Powerpoint Slide title*/
.style1a {
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #C27603;
	}
/*Powerpoint Woekbook*/
.style1b {
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #128901;
	}

/*for running text in main content*/
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #464646
	}

/*page numberat footer*/
.style3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	color: #fed700;
	text-align: right;
	padding-top: 10px;
	font-size: 16px;
}

.style3a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #C27603;
	text-align: right;
}
/*invisibility for runnung text*/
.style4 {
	color: #FCFCFC;
	font-size: 17px;
}
/*Copyright*/
.style5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-size: 10px;
	float: none;
	padding-top: 5px;
	margin-right:60px;
}
.style11 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #464646;
	font-size: 17px;
	}
/*menubar background*/
.style6 {color: #FCFCFC}

/*chapter title at footer*/
.style7 {
	font-size: 14px;
	color: #000099;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15;
}
.style7a {
	font-size: 14px;
	color: #C27603;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15;
}
/*Subtitle in main content*/
.style8 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #306;
}

/*for equations and figures*/
.style9 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #464646;
	margin-bottom: 5px;
	margin-top: 5px;
	}
.style10 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8px;
	color: #464646;
	margin-bottom: 5px;
	margin-top: 5px;
	}
.shadow{
box-shadow: 1px 1px 1px #818181;
-webkit-box-shadow: 1px 1px 1px #818181;
-moz-box-shadow: 1px 1px 1px #818181;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}



.shadow1{
	box-shadow: 0 7px 7px 8px #000;
	-webkit-box-shadow: 0 7px 7px 8px #000;
	-moz-box-shadow: 0 7px 7px 8px #000;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=7, offY=7, positive=true);
}

.shadow2{
box-shadow: 1px 1px 20px 10px #818181;
-webkit-box-shadow: 1px 1px 20px 10px #818181;
-moz-box-shadow: 1px 1px 20px 10px #818181;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}

.style1P {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #C27603;
}
.style2P {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #C27603
	}
.style3P {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #C27603
}
.bullet { list-style-image:url(file:///I|/Praveen%20e-book/Image/Bullet.png)}
.bullet1 { list-style-image:url(file:///I|/Praveen%20e-book/Image/bullet1.png)}
.style4P {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333
	}
.style1WB {
	font-size: 32px;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-weight: bold;*/
	color: #128901;
}
.style2WB {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #464646
	}
.fig {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #993300;
	}
	.toc {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #128901;
	}
	/*------------------------------------------------------------------------------------------------*/
.toc a { 
color:#999; 
margin:0px 5px;}
/*------------------------------------------------------------------------------------------------*/
.toc a:hover {
	cursor: pointer;
	background: #ffffff;
	color: #009;
}

.toc_f {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color:#C30;
	}
	/*------------------------------------------------------------------------------------------------*/
.toc_f a { 
color:#C30; 
margin:0px 5px;}
/*------------------------------------------------------------------------------------------------*/
.toc_f a:hover {
	cursor: pointer;
	background: #ffffff;
	color: #009;
}
#content p{text-indent:20px;text-align:justify;}
#pagingControls ul{display:inline;padding-left:0.5em}
#pagingControls li{display:inline;padding:0 0.5em}


#pageNumber{width:135px;}

@font-face {font-family: 'Architects Daughter';font-style: normal;font-weight: 400;src: local('Architects Daughter'), local('ArchitectsDaughter'), url(css/RXTgOOQ9AAtaVOHxx0IUBOkI_DLF4EgbZt3mhU8gQFo.woff) format('woff');}
.shadow{box-shadow: 1px 1px 1px #818181;-webkit-box-shadow: 1px 1px 1px #818181;-moz-box-shadow: 1px 1px 1px #818181;filter:progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);}
.topsection{border-right: 2px solid #999;height: 25px;padding: 7px 7px;width: auto;display: inline;}
.topsection img{margin-top:0px;float:left;margin-right:0px;}
.topsection a{float:left;display:inline; position:fixed;}
.left{float:left;/* width:240px; margin-right:2px;*/}
.right{float:right;}
.middle{float:left; width:10px; margin-right:3px;}
.clear{clear:both;}
#head{position: fixed;margin: 0 auto;width: auto;top: 0px;left: 0px;padding: 0px;right: 0px;background-color: transparent;background-color: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);zoom: 1;margin-bottom: 10px;}
#head p{clear: both;width: auto;}
footer{margin:auto;width:300px;position:relative;bottom:10px;left:5%;}
#container{margin: 0px auto;width: 1020px;padding: 10px;background-color:#FFF;background-image: none;background-repeat: no-repeat;background-position: right top; height: 100%;}
#container1{margin: 0px auto;width: 1020px;background: #FFF url(Images/container_tp_bg.gif) top right no-repeat;height: 100%;padding: 10px;}
.content{letter-spacing: normal;line-height: 1.6;text-align: justify;}
#main_content1{letter-spacing: normal;line-height: 1.6;text-align: justify;padding: 10px 40px 0px 40px;}
#main_content2{ left:200px; top:60px;}
#Book {letter-spacing: normal;line-height: 1.6;	text-align: justify;height: 100%; width: 10in;border-bottom-width: thin;border-bottom-style: dashed;border-bottom-color: #666;}
#container_f{margin: 0px auto;width: 720px;height:1040px;padding: 10px;	background-image:url(../image1/coverpage_PE.png);}
#Book_f {letter-spacing: normal;line-height: 1.6;text-align: center;height: 1040px;width: 720px;}
.toc {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #128901;}
.toc a {color:#999; margin:0px 5px;}
.toc a:hover {cursor: pointer;background: #ffffff;color: #009;}
.toc_f {font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;color:#C30;}
.toc_f a { color:#C30; margin:0px 5px;}
.toc_f a:hover {cursor: pointer;background: #ffffff;color: #009;}

.btn_yellow, .btn_green, .btn_blue, .btn_pink, .btn_pink, .btn_unhighlight, .btn_unhigh_page{background-size: 20px;background-position: 0px;width: 24px;height: 23px;}
.btn_yellow{background:url(../image1/highlight_yellow.png);}
.btn_green{background:url(../image1/highlight_green.png);}
.btn_blue{background:url(../image1/highlight_blue.png);}
.btn_pink{background:url(../image1/highlight_pink.png);}
.btn_unhighlight{background-image: url(../image1/unhighlight.png);}
.btn_unhigh_page{background-image: url(../image1/unhighlight_page.png);}
.btn_erage_page{background-size:20px; background-position: 0px;width: 70px;height: 23px;};

.shadow{box-shadow: 0 7px 7px 8px #000;-webkit-box-shadow: 0 7px 7px 8px #000;-moz-box-shadow: 0 7px 7px 8px #000;filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=7, offY=7, positive=true);}
.shadow1{box-shadow: 0 7px 7px 8px #000;-webkit-box-shadow: 0 7px 7px 8px #000;-moz-box-shadow: 0 7px 7px 8px #000;filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=7, offY=7, positive=true);}
.shadow2{box-shadow: 1px 1px 20px 10px #818181;-webkit-box-shadow: 1px 1px 20px 10px #818181;-moz-box-shadow: 1px 1px 20px 10px #818181;filter:progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);}
.style1 {font-size: 40px;font-family: Georgia, "Times New Roman", Times, serif;	color: #000099;	}
.style1a {font-size: 40px;font-family: Georgia, "Times New Roman", Times, serif;color: #C27603;}
.style1b {font-size: 40px;font-family: Georgia, "Times New Roman", Times, serif;color: #128901;	}
.style2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #464646;}
.style3 {font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bolder;color: #fed700;	text-align: right;	padding-top: 5px;	font-size: 16px;}
.style3a {	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;	color: #C27603;	text-align: right;}
.style4 {	color: #FCFCFC;	font-size: 17px;}
.style5 {	font-family: Georgia, "Times New Roman", Times, serif;	color: #666666;	font-size: 10px;	float: none;	padding-top: 5px;}
.style11 {	font-family: Georgia, "Times New Roman", Times, serif;	color: #464646;	font-size: 17px;	}
.style6 {color: #FCFCFC}
.style7 {font-size: 14px;color: #000099;font-family: Georgia, "Times New Roman", Times, serif;margin-left: 15;}
.style7a {font-size: 14px;color: #C27603;font-family: Georgia, "Times New Roman", Times, serif;margin-left: 15;}
.style8 {font-size: 18px;font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;color: #306;}
.style9 {font-family: Georgia, "Times New Roman", Times, serif;	font-size: 16px;color: #464646;margin-bottom: 5px;margin-top: 5px;}
.style10 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 8px;	color: #464646;	margin-bottom: 5px;	margin-top: 5px;}
.fig {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #993300;}
#Book {letter-spacing: normal;line-height: 1.6;	text-align: justify;height: 100%;width: 10in;border-bottom-width: thin;border-bottom-style: dashed;border-bottom-color: #666;}
.tooltip{position: relative;display: inline-block;}
.tooltip span{visibility: hidden;position: absolute;bottom: -15px;left: 50%;z-index: 99999;width: 150px;font-size: 13px;font-family: tahoma,verdana;margin-left: -20px;color: #000;padding: 5px;border: 2px solid #ccc;opacity: 0.9;background-color: #ddd;	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;}
.tooltip:hover{  border: 0;}
.tooltip:hover span{  visibility: visible;}
.tooltip span:after{  content: "";  position: absolute;  z-index: 1000;  top: -10px;  left: 10%;  margin-left: -8px;    border-bottom: 8px solid #59add4;  border-left: 8px solid transparent;  border-right: 8px solid transparent;border-top: 0;}
.tooltip span:before{  border-top-color: #ccc;  bottom: -8px;}
.blue-tooltip span {  border-color: #59add4;  background-color: #61bde7;}
.blue-tooltip span:after{   border-top-color: #61bde7;}
.blue-tooltip span:before{  border-top-color: #59add4;}

span.dropt {display:inline-block;position: relative;border-bottom: thin dotted;background-color: #ECECF2;z-index: auto;}
span.dropt img{	display: inline-block;	-moz-border-radius: 7px;	border-radius: 7px;	text-shadow: 0 1px 0 #fff;	border: 1px solid rgba(0,0,0,0.1);	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);	box-shadow: 0 1px 1px rgba(0,0,0,0.3);	display:inline;background-color: #F7FDF4;}
span.dropt span {position: absolute; left: -999em;}
span.dropt:hover {cursor:pointer; background: #ffffff; z-index:auto; }
span.dropt:hover span {	position: fixed;top: 50px;	left: 50px;z-index: 1000;opacity: 1;background-color: #000000;} 
span.dropt1 {display:inline-block;position: relative;border-bottom: thin dotted;background-color: #ECECF2;z-index: auto;}
span.dropt1 img{display: block;	-moz-border-radius: 7px;border-radius: 7px;text-shadow: 0 1px 0 #fff;border: 2px solid rgba(0,0,0,2);-webkit-box-shadow: 0 2px 2px rgba(1,230,230,1);-moz-box-shadow: 0 2px 2px rgba(1,230,230,1);box-shadow: 0 2px 2px rgba(1,230,230,1);display:inline;background-color: #F7FDF4;}
span.dropt1 span {position:absolute; left: -9999px;}  
span.dropt1:hover {cursor:pointer; background: #ffffff; z-index:auto; }
span.dropt1:hover span {position: absolute; left:1em; top:30px; z-index:99; opacity: 1;background-color: #000000;}
@charset "UTF-8";
#deshyamenu { left:0px;  position: fixed;  padding: 0;  list-style: none;  margin: 0;  border: 0;  top:35px;  border-radius: 5px 0 0 5px;  -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;  background-color:transparent;  border:1;  width: 200px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;color:#CCCCCC;}
#deshyamenu ul {  position: relative;  z-index: 597;  float: left;  width: 190px;  font-weight: bold;  float: left;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#deshyamenu ul,#deshyamenu ul li,#deshyamenu ul ul {  list-style:none;  margin: 0;  padding: 0;}
#deshyamenu ul li {  float: left;  min-height: 1px;  line-height: 1em;  background-color:transparent;  border-bottom: 1px solid #999;  vertical-align: middle;  float: none;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#deshyamenu ul li:hover { position: relative;  z-index: 599;  cursor: default; color: #61bde7;}
#deshyamenu ul ul {  visibility: hidden;  position: absolute;  top: 100%;  left: 0;  z-index: 598;  width: 100%;  top: 1px;  left: 99%;  margin-top: 1px;}
#deshyamenu ul li:hover > ul {  visibility: visible;  background-color:rgba(28, 133, 183,0.9); color: #61bde7;}
#deshyamenu:after {  content: '';  display: block;  clear: both;}
#deshyamenu a {  background-color: transparent;  background-repeat: repeat;  color:#CCCCCC;  display: block;  font-family: Georgia, "Times New Roman", Times, serif;  font-size: 14px;  font-weight: bold;  line-height: 180%;  padding: 7px 7px;  text-decoration: none;}
#deshyamenu > ul > li:hover:after {  content: '';  display: block;  width: 0;  height: 0;  position: absolute;  right: 0;  top: 50%;  border-right: 0px solid #0fa1e0;  margin-top: -10px;}
#deshyamenu > ul > li:first-child > a {  border-radius: 0px 0 0 0;  -moz-border-radius: 0px 0 0 0;  -webkit-border-radius: 0px 0 0 0;}
#deshyamenu > ul > li:last-child > a {  border-radius: 0 0 0 0px;  -moz-border-radius: 0 0 0 0px;  -webkit-border-radius: 0 0 0 0px;}
#deshyamenu > ul > li.active a {  background-color: transparent;  background-repeat: repeat-x; color:#CCCCCC;}
#deshyamenu > ul > li.active > a {  box-shadow: inset 0 0 0px black;  -moz-box-shadow: inset 0 0 0px black;  -webkit-box-shadow: inset 0 0 0px black;}
#deshyamenu > ul > li:hover > a {  background-color:rgba(102,102,102,0.9); background-repeat: repeat-x;  box-shadow: inset 0 0 0px black;  -moz-box-shadow: inset 0 0 0px black;  -webkit-box-shadow: inset 0 0 0px black;  color: #61bde7;}
#deshyamenu li > ul > li:hover > a {  background-color:rgba(102,102,102,0.9); background-repeat: repeat-x;  box-shadow: inset 0 0 0px black;  -moz-box-shadow: inset 0 0 0px black;  -webkit-box-shadow: inset 0 0 0px black;  color: #61bde7;}