/***********************************************
designing and graphics by kuldeep dhaka
***********************************************/
body
{
	margin:0;
	padding:0;
	background:url(files/back_popup.jpg) #b5daec;
}
/************header************************/
table
{
padding:0;
margin:0;
text-align:left;
vertical-align:top;
border:none;
}
table,table tr,table tr td
{
width:100%;
}
table#main
{
margin:0 5% 0 5%!important;
width:auto;
}
#header
{
	background:#424542;
}
.link
{
	padding:8px 10px;
	font-size:1em;
	float:left;
	color:#bbbbbb;
	text-transform:uppercase;
	cursor:pointer;
	text-decoration:none;
	
}
#container
{
background:#b5daec;
}
#submenu
{
color:#fff;
}
.link:hover
{
	color:#FFFFFF;
	text-decoration:underline;
	
}
.link:active
{
	color:#f8ac00;
}
h1,h2,.defination,.example,.knowmore,#tooltip
{
	opacity:0.8;   /*supported by current Mozilla, Safari, and Opera*/
	-khtml-opacity: 0.8;   /*older Safari*/
	filter:alpha(opacity=0.8);  /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	moz-opacity:0.8;
	background:transparent;
}
#tooltips,.knowmore,.defination,.example,h1,h2
{
	-moz-border-radius: 10px; /* for firefox */
	-webkit-border-radius: 10px; /* for safari & chrome */
	border-radius: 10px; /* for others (opera) */
}
h1,h2,.knowmore:before,.example:before,.acknowl,.defination span,.box
{
	text-shadow:0 1px 1px #666666;
}
h1,.example,.defination,.knowmore
{
	box-shadow: 2px 2px 2px #bbb;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 2px 2px 2px #bbb;
}
#footer
{
	text-align:center;
	font-size:1em;
	font-family:"Courier New", Courier, monospace;
	background:#424542;
	padding:3px;
	color:#FFFFFF;
	text-transform:uppercase;
}
.box
{
	border:dashed #555 thin;
	background:#b5daec;
	margin:5px;
	padding:5px;
	text-transform:capitalize;
	overflow:auto;
	clear:both;
}
.box:hover
{
	border-color:#FF4700;
	background-color:#ffffff;
}
#tooltips
{
	position:absolute;
	left:0px;
	top:0px;
	padding:5px;
	color:#ffffff;
	background-color:#202020;
	visibility:hidden;
	font-size:0.9em;
	z-index: 3;
	text-transform:capitalize;
}

h1
{
	border:dashed #C7C7C7 thin;
	background:url(files/bg.jpg) #fefefe ;
	padding:5px;
	font-family:"Courier New", Courier, monospace ;
	font-size:2.1em;
	text-transform:capitalize;
	margin:10px;
}
h1:before
{
	content:url(files/img07.png);
	margin-right:5px;
}
h1:hover
{
	border:dashed #000000 thin;
}
h1 span
{
	font-size:0.5em;
	text-transform:lowercase;
}
h1 span:before
{
	content:"-";
}
h2
{
	color:#6699FF;
	font-size:1.3em;
	text-transform:capitalize;
	background-image:url(files/bg.jpg);
	padding:2px 5px;
}
h2:before
{
	content:url(https://sakulwebsite.sourceforge.net/projects/cryptography/files/img06.gif);
}
.text
{
	font-family:"Courier New", Courier, monospace ;
	color:#000000;
	margin:10px;
}
.imp
{
	color:#0099CC;
	font-family:"Courier New", Courier, monospace ;
	margin:10px 10px 10px 20px;
}
.bold
{
	font-weight:bold;
}
.italic
{
	font-style:italic;
}
/***************************************************/
.knowmore,.defination,.example
{
	border:thin solid #C7C7C7;
	margin:10px;
	text-transform:capitalize;
	font-family:"Courier New", Courier, monospace ;
	background:url(https://sakulwebsite.sourceforge.net/projects/cryptography/files/nd.gif) #ffffff repeat-x;
}
/****************acknowuledgement*****************/
.acknowl:before
{
	content:open-quote;
}
.acknowl
{
	color:#777777;
	text-align:right;
	margin:0;
	text-transform:capitalize;
	font-family:"Courier New", Courier, monospace ;
}
.acknowl:after
{
	content:close-quote;
}
.acknowl:hover
{
	color:#844798;
}
/*************************************************/
.knowmore
{
	color:#844798;
	padding:10px;
}
.knowmore:before
{
	content:url(files/img03.png)"know more:";
	color:#34B9E4;
	margin:0 5px;
	font-weight:bold;
}
/*************************************************/
.defination
{
	color:#000000;
	padding:10px;
}
.defination:before
{
	content:url(files/img01.png);
}
.defination span
{
	font-weight:bold;
	color:#707070;
	padding-left:25px;
}
.defination span:after
{
	content:":";
}
/*************************************************/
.example
{
	color:#000000;
	padding:10px;
}
.example:before
{
	content:"Example:";
	color:#003399;
}
/*************************************************/
.knowmore:hover,.defination:hover,.example:hover
{
	border-color:#888888;
	background-color:#FFFFFF;
}

/******************************************************/
.rbutton
{
	background:url(files/buttongray_bg.gif) top repeat-x #000;
	float:right;
}
.lbutton
{
	background:url(files/buttonblue_bg.gif) top repeat-x #1f759b;
	float:left;
}
.rbutton,.lbutton
{
	font-size:16px;color:#fff;
	line-height:30px;text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	padding:0 10px;
	margin:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	behavior:url(https://sakulwebsite.sourceforge.net/projects/cryptography/files/PIE.htc);
	position:relative;
	text-transform:capitalize;
	cursor:default;
	font-family:"Courier New", Courier, monospace ;
}
.rbutton:hover
{
	background:#202225;
}
.lbutton:hover
{
	background:#1f759b;
}
.rbutton:active,.lbutton:active 
{
	background:#424542;
}
/**********************************/
ul li
{
	list-style-image:url("files/list.gif");
}
ul li:hover
{
	list-style-image:url("files/list_hover.gif");
}