<!-- /* $WEFT -- Created by: Sujan Das (sujan.das@grameenphone.com) on 5/14/2009 -- */ -->
@font-face {
font-style:  normal;
font-weight: normal;
font-family: Bng;
src: url(../eot/BNG0.eot);

/*
font-family: Likhan;
src: url(../eot/LIKHAN0.eot);
font-family: Sagar;
src: url(../eot/SAGAR0.eot);
font-family: Aponalo;
src: url(../eot/APONALO0.eot); 
font-family: SolaimanLipi;
src: url(../eot/SOLAIMA0.eot); 
*/
}

/* this is the main style config */
/* this is to clear al format */
* {
margin: 0;
padding: 0;
}
/* this is to clear al format */

body {
	margin:0;
	padding:0;
	font-family: Bng, SolaimanLipi, Likhan, Sagar, Aponalo, Vrinda;
	font-size: 11px;
	background-image: ;
	background-repeat: ;
	background-color: ;
}

table.frms {
	font-family: Bng, SolaimanLipi, Likhan, Sagar, Aponalo, Vrinda;
	font-size: 11px;
	border: #D9ECFF 1px solid; 
	border-collapse: collapse;
	border-spacing: 0px; 
	background-color: #fafafa;
	color: #404040;
text-align: left;
} 


tr, td, th {
	font-family: Bng, SolaimanLipi, Likhan, Sagar, Aponalo, Vrinda;
	font-size: 11px;
	/*
	background-color: #fafafa;
	border-bottom: #D9ECFF 1px solid;
	border-left: #D9ECFF 1px solid;
	border-right: #D9ECFF 1px solid;
	border-top: #D9ECFF 1px solid; */
} 

input, textarea {
	border: #CCCCCC 1px solid;
}

input:hover, textarea:hover {
	background: #F2F2F2;
}
input:focus, textarea:focus {
	background: #F2F2F2;
}

#main{
	padding: 0;
	background-color: #FFFFFF;
	margin: 0px auto auto;
	width: 760px;
}

#main2{
	padding: 0;
	margin: 100px auto auto;
	width: 760px;
	hieght: 600px;
}

#left{
	position: relative;
	float: left;
	width: 180px;
	text-align: left;
	background-color: #FFFFFF;
}

#right{
	position: relative;
	float: left;
	width: 580px;
	background-color: #FFFFFF;
	margin: 1px 0 5px 0px;
}

a{
	color:#0066CC;
	background-color:inherit;
}

a:hover{
	text-decoration:none;
}

.menu{
	width: 580px; 
	height: 17px;
	padding: 5px 0;
	margin: 1px 0 5px 0px;
	color: #0066CC;
	background-color: #0099CC; 
	font-size: 11px;
}

.menu a{
	color: #FFFFFF;
	background-color: #0099CC; 
	/* font-size: 11px */
	font-size: 11px;
	font-weight: normal;
	margin:0px 10px;
}

.menu a:hover{
	text-decoration: none;
}

.menu ol{
	list-style-type: none;
}

.menu li{
	color:#FFFFFF; 
	background-color:inherit;
	font-size: 11px;
	font-weight: normal;
	float: left;
}

.menu li:hover{
	text-decoration: none;
}

.name{
	/*background-color:#E9E9E9; */
	height:100px;	
	margin:5px 0 0 0px;
	padding:20px 0 0 25px;
	font-size:32px;
	color:#0066CC;
	/* color: #000000; */
	/* background: url(../img_inquisitor/1.jpg) center top no-repeat; */
	/* transparent effect for IE 
	filter:alpha(opacity=60); */
	/* transparent Effect CSS3 standard 
	opacity:0.6; */
}

.slogan{
	padding-left:3px;
	font-size:14px;
	color:#000000;
	background-color:inherit;
}

.l_box{
	border: 1px solid #D9ECFF;
	width: 175px;
	margin: 1px 0 17px 0;
	background-color: #fafafa;
}

.title1{
	height: 17px;
	/*background-image:url(images/bg.gif); 
	background-repeat:repeat; */
	margin: 1px;
	padding: 5px 0 5px 5px;
	border: 1px solid #E9E9E9;
	/* color:#0066CC; */
	color:#FFFFFF;
	/* background-color:inherit; */
	background-color: #0099CC;
	font-size: 11px;
	/* font-weight:bold; */
}

.r_box1{
	float:left;
	border: 1px solid #D9ECFF;
	height: 120px;
	width: 250px;
	/* width: 280px; 
	margin: 3px 1px 0px 2px; */
	margin: 3px 10px 10px 10px;
	color: #333333;
	align: center;
}

.r_box2{
	float:right;
	border:1px solid #E9E9E9;
/*	width:285px; */
	width:280px;
	margin:5px 2px 10px 2px;
}

.r_box3{
	float: right;
	/*float:left;
	border:1px solid #E9E9E9;
	width:577px;*/
	width: 580px;
	margin:0 0 5px 0px;
}

.c_box{
	border: 0px solid #E9E9E9;
	width: 500px;
	margin: 0px 0px 10px 15px;
	padding-left: 20px;
}

.title2{
	height: 20px;
	margin: 1px;
	padding: 3px 0 0 5px;	
	color: #0066CC;
}

.cboxtitle{
	height: 0px;
	margin: 1px;
	padding: 0px 0 0 0px;	
	color: #0066CC;
	background-color: #fafafa;
}


.text1{
	padding:7px;
	text-align: left;
}

.text2{
	padding: 5px;
	text-align: left;
	position: relative;
}

.footer{
	position: relative;
	clear: left;	
	float: left;
	width: 755px;
	height: 17px;
	background-color: #0099CC; 
	color: inherit;
	padding: 5px 0 10px 5px;
	margin: 10px 0px 1px 0;
	font-size: 11px;
}

.footer a{
	color:#0066CC;
	background-color:inherit;
}

.cp1{
	float:left;
	color: #FFFFFF;
}

.cp2{
	float:right;
	padding-right:5px;
	color: #FFFFFF;
}

.img{
	float: left;	
	width: 90px;
	height: 90px;
	color: inherit;
	margin: 0px 0px 0px 0;
	text-align: center;
}

.img_text{
	margin:25px 0 0 0;
	font-variant:small-caps;
}

.top_h{
	/* height: 20px; */
	margin: 0px 0 1px 0;
	background-color: #0099CC; 
	font-family: Bng, SolaimanLipi, Likhan, Sagar, Aponalo, Vrinda;
	font-size: 11px;
	color: #FFFFFF;
}

ul{
	padding:0;
	margin:0 0 0 17px;
	line-height:17px;
}

li a{
	font-weight: normal;
	text-decoration: none;
}

li a:hover{
	text-decoration: underline;
}

.cp1{
	float:left;
}

.cp2{
	float: right;
	padding-right: 15px;
}


/* main style config ends */


/*core drop shadow rules*/

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../img_inquisitor/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../img_inquisitor/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../img_inquisitor/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}

#v1 .wrap1 {background:url(../img_inquisitor/v1/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(../img_inquisitor/v1/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(../img_inquisitor/v1/corner_tr.gif) 100% -3px no-repeat;}

#v2 .wrap1 {background:url(../img_inquisitor/v2/shadow.gif) right bottom no-repeat;}
#v2 .wrap2 {background:url(../img_inquisitor/v2/corner_bl.gif) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(../img_inquisitor/v2/corner_tr.gif) 100% -1px no-repeat;}

#v3 .wrap1 {background:url(../img_inquisitor/v3/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(../img_inquisitor/v3/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(../img_inquisitor/v3/corner_tr.gif) 100% -12px no-repeat;}

#v4 .wrap1 {background:url(../img_inquisitor/v4/shadow.gif) right bottom no-repeat;}
#v4 .wrap2 {background:url(../img_inquisitor/v4/corner_bl.gif) -12px 100% no-repeat;}
#v4 .wrap3 {
	padding:0 16px 16px 0;
	background:url(../img_inquisitor/v4/corner_tr.gif) 100% -12px no-repeat;}

#v5 .wrap1 {background:url(../img_inquisitor/v5/shadow.gif) right bottom no-repeat;}
#v5 .wrap2 {background:url(../img_inquisitor/v5/corner_bl.gif) -12px 100% no-repeat;}
#v5 .wrap3 {
	padding:0 9px 9px 0;
	background:url(../img_inquisitor/v5/corner_tr.gif) 100% -12px no-repeat;}

#v6 .wrap1 {background:url(../img_inquisitor/v6/shadow.gif) right bottom no-repeat;}
#v6 .wrap2 {background:url(../img_inquisitor/v6/corner_bl.gif) -4px 100% no-repeat;}
#v6 .wrap3 {
	padding:0 16px 16px 0;
	background:url(../img_inquisitor/v6/corner_tr.gif) 100% -4px no-repeat;}

.example {clear:both;margin:20px 0;}

.example p{position:relative;left:30px;}

.example a {font-weight: normal !important;}