/*
Project : CHNRI.
author : eBizzSol
*/

/*global selectors*/
html,body{
	font-family:Arial, Helvetica, sans-serif, Vrinda;
	font-size:14px;
	background:#fff;
	color:#000;
	text-align:center;
	cursor:default;
	line-height:16px;
	}
body{
	min-width:980px;
	min-height:100%;
	}
html,*{
	padding:0;
	margin:0;
	}
ul,li{
	list-style:none;
	}
a img{
	border:0 none;
	}
a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	}
a:hover{
	text-decoration:underline;
	}
.hide{
	position:absolute;
	left:-9999px;
	}
/*global selectors*/
/*usefull classes*/
.p20{
	padding:20px;
	}
.mr50{
	margin-right:50px;
	}
.mb10{
	margin-bottom:10px;
	}
.mt10{
	margin-top:10px;
	}
.ash{
	background:#ccc;
	color:#000;
	}
.orange{
	background:#f80;
	color:#fff;
	}
.red{
	background:#f00;
	color:#fff;
	}
.inputArea .nmb,.nmb{
	margin-bottom:0;
	}
.bbAsh{
	border-bottom:1px solid #ccc;
	}
.inputArea .npb,.npb{
	padding-bottom:0;
	}
/*usefull classes*/
#wraper{
	padding:0 20px;
	text-align:center;
	}
/*header*/
.header{
	text-align:left;
	border:1px solid #E3E3E3;
	border-top:0 none;
	height:110px;
	overflow:hidden;
	margin-bottom:20px;
	padding:10px 5px 0 15px;
	}
.clientLogo{
	float:left;
	}
.topRight{
	float:right;
	overflow:hidden;
	margin-top:18px;
	text-align:right;
	}
.adminSection{
	color:#F9C427;
	font-size:23px;
	text-align:right;
	font-weight:bold;
	margin-bottom:40px;
	padding-right:10px;
}
.personalInfo{
	padding-right:10px;
	float:right;
	text-align:right;
	font-size:11px;
	line-height:13px;
	}
.clock{
	height:26px;
	float:right;
	font-size:28px;
	line-height:26px;
	border-left:1px solid #000;
	padding-left:10px;
	}
/*header*/

/**/
.mainBody{
	text-align:center;
	overflow:hidden;
	width:100%;
	}
/*login area*/
.loginArea{
	width:440px;
	margin:0 auto;
	text-align:left;
	}
.loginArea .text{
	width:99%;
	}
.ashBorder{
	border:1px solid #DEDEDE;
	}
#loginProcess, #recoveryProcess{
	display:none;
	margin-top:5px;
	float:right;
	}
/*login area*/
/*leftNavigation*/
.leftNav{
	width:230px;
	float:left;
	text-align:left;
	}
.leftNav a{
	height:30px;
	display:block;
	text-decoration:none;
	line-height:30px;
	color:#fff;
	font-weight:normal;
	overflow:hidden;
	}
.leftNav .active a{
	color:#9FD9FB;
	}
.leftNav a:hover{
	color:#FF9562;
	}
.leftNav a.dashboard{
	background:#005BAB;
	margin-bottom:20px;
	padding-left:20px;
	}
.leftNav a.dashboard:hover{
	color:#fff;
	}
.leftNav ul{
	background:#3277B4;
	border-left:1px solid #888;
	}
.leftNav li{
	background:url(images/right-arrow.gif) 10px 10px no-repeat;
	padding-left:20px;
	text-transform:lowercase;
	}
.leftNav ul .expanded{
	background-image:url(images/minus-big.gif);
	}
.leftNav li ul,
.leftNav .expanded ul ul,
.leftNav .expanded ul .expanded ul ul,
.leftNav .expanded ul .expanded ul .expanded ul ul,
.leftNav .expanded ul .expanded ul .expanded ul .expanded ul ul,
.leftNav .expanded ul .expanded ul .expanded ul .expanded ul .expanded ul ul{
	display:none;
}
.leftNav .expanded ul,
.leftNav .expanded ul .expanded ul,
.leftNav .expanded ul .expanded ul .expanded ul,
.leftNav .expanded ul .expanded ul .expanded ul .expanded ul,
.leftNav .expanded ul .expanded ul .expanded ul .expanded ul .expanded ul,
.leftNav .expanded ul .expanded ul .expanded ul .expanded ul .expanded ul .expanded ul{
	display:block;
	}
.leftNav .parent{
	background:url(images/plus-big.gif) 6px 10px no-repeat;
	}
/*1st level*/
/*.leftNav ul a{
	background:#000 url(images/plus-big.gif) 210px 10px no-repeat;
	cursor:pointer;
	}
.leftNav li ul, .leftNav ul li:hover ul ul, .leftNav ul .expanded ul ul{
	display:none;
	}
.leftNav li.expanded ul, .leftNav li.expanded ul li.expanded ul{
	display:block;
	}
.leftNav ul li.expanded a{
	background-image: url(images/minus-big.gif);
	}
/*2nd level*/
/*.leftNav ul ul a, .leftNav ul li.expanded ul a{
	background:#7A7A7A url(images/right-arrow.gif) 8px 10px no-repeat;
	padding-left:25px;
	}
.leftNav ul ul .expanded a, .leftNav ul .expanded ul .expanded a{
	background-image:url(images/down-arrow.gif);
	}
/*3rd level*/
/*.leftNav ul ul ul a, .leftNav ul .expanded ul ul a, .leftNav ul ul .expanded ul a, .leftNav ul .expanded ul .expanded ul a{
	background:#D1D1D1 url(images/right-arrow-small.gif) 20px 12px no-repeat;
	padding-left:30px;
	color:#000;
	}
.leftNav ul ul ul .active a,.leftNav ul .expanded ul .expanded ul .active a, .leftNav ul ul ul li a:hover, .leftNav ul ul .expanded ul li a:hover{
	background-color:#F1D8B7;
	}
/*leftNavigation*/
.rightNav{
	width:210px;
	float:right;
	text-align:left;
	background:#F3F3F3;
	border:1px solid #E3E3E3;
	padding:19px;
	}
.middle{
	overflow:hidden;
	padding-left:20px;
	text-align:left;
	}
* html .middle{
	margin-left:230px;
	}
.content{
	text-align:left;
	}
.mainBody h1{
	font-size:34px;
	line-height:50px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	display:block;
	}
.content h2{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	background:#eee;
	padding-left:5px;
	}
.narrow{
	margin-right:270px;
	}
/*Input element style*/
.inputArea{
	color:#333333;
	}
.inputArea label{
	display:block;
	line-height:28px;
	margin-bottom:10px;
	margin-right:10px;
	display:block;
	overflow:hidden;
	}
.inputArea input, .inputArea textarea, .inputArea select{
	border:1px solid #DEDEDE;
	margin-bottom:20px;
	display:block;
	}
.inputArea .textarea{
	padding:2px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif, Vrinda;
	}
.inputArea .text{
	padding:2px;
	font-size:18px;
	}
.inputArea .bangla{
	font-size:18px;
	}
.inputArea select{
	font-size:19px;
	}
.inputArea .checkBox, .inputArea .radio{
	border:0 none;
	height:14px;
	width:14px;
	margin:0;
	margin-top:7px;
	margin-right:5px;
	float:left;
	}
.inputArea .button, .inputArea .reset, .inputArea .submit{
	height:28px;
	line-height:20px;
	font-size:12px;
	border:0 none;
	padding:0 5px;
	color:#fff;
	background:#00AEEF;
	cursor:pointer;
	margin-right:10px;
	text-transform:uppercase;
	display:block;
	overflow:hidden;
	}
.inputArea .orange{
	background:#F60;
	}
* +html .inputArea .button, * +html .inputArea .reset, * +html .inputArea .submit{
	padding:0;
	}
* html .inputArea .button, * html .inputArea .reset, * html .inputArea .submit{
	padding:0;
	}
.inputArea span{
	font-size:12px;
	}
.inputArea .related label span{
	width:181px;
	float:left;
	font-size:18px;
	line-height:20px;
	}
.inputArea p{
	width:99%;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
	}
.inputArea p label, .inputArea p input, .inputArea p select{
	margin-bottom:0px;
	margin-right:5px;
	float:left;
	}
.inputArea p label{
	margin-bottom:0px;
	}
.allAlignLeft{
	overflow:hidden;
	display:block;
	width:100%;
	}
.allAlignLeft *, .allAlignLeft input, .allAlignLeft select{
	margin-right:10px;
	float:left;
	}
/*end Input element Style*/
/*Data Grid view style*/
.CMSgridCont{
	overflow:hidden;
	}
.CMSgridTable{
	float:left;
	width:100%;
	border:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	}
.CMSgridTable tr:hover.CMStableData{
	background:#DCF5FF;
}

.CMSgridTable tr{
	line-height:25px;
}
.CMStableHeader{
	line-height:30px;
	background:#F3F3F3;
	font-size:12px;
	padding-left:32px;
	text-align:center;
	}
.CMStableHeader th{
	border-right:1px solid #DEDEDE;
	padding:0 5px;
	}
.CMStableData{
	text-align:left;
	background:#F3F3F3;
	}
	
.CMStableData td{
	padding:0 5px;
	border-right:1px solid #DEDEDE;
	border-top:1px solid #DEDEDE;
	}
.even{
	background:#fff;
	}
.odd{
	background:#F3F3F3;
	}

.CMStableData td a b{
	position:absolute;
	left:-99999px;
	}
.CMStableData td a.CMSEdit{
	background:url(images/edit.gif) no-repeat;
	display:block;
	width:13px;
	height:13px;
	margin:0 auto;
	}

.CMStableData td a.CMSDelete{
	background:url(images/delete.gif) no-repeat;
	display:block;
	width:13px;
	height:13px;
	margin:0 auto;
	}
.CMStableData td a.CMSClone{
	background:url(images/clone.gif) no-repeat;
	display:block;
	width:13px;
	height:13px;
	margin:0 auto;
	}
.CMStableData td a.CMSDownload{
	background:url(images/download.gif) no-repeat;
	display:block;
	width:13px;
	height:13px;
	margin:0 auto;
	}

.CMStableData td a{
	text-decoration:none;
	display:block;
	}
.CMStableData td a:hover{
	text-decoration:underline;
	}

.CMSdataGridNav{
	background:#E7E7E7;
	overflow:hidden;
	padding:2px 5px;
	}

.CMSnavOption{
	float:left;
	}
.CMSnavOption input {
	border:none;
	font-size:12px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0 8px;
	background:#FFC75B;
	cursor:pointer;
}
.CMSnavOption a{
	padding:4px;
	cursor:pointer;
	}
.CMSnavOption a:hover{
	}
.CMSpaging{
	float:right;
	color:#FFFFFF;
	}

.CMSpaging a, .paging b{
	text-decoration:none;
	padding:4px;
	line-height:25px;
	}
.CMSpaging b{
	color:#000000;
	}
.CMSpaging a:hover{
	color:#000;
	}
/*CMS data grid view*/
/*interactive data view*/
.interActive ul{
	float:left;
	width:100%;
	overflow:hidden;
	display:block;
	border-bottom:1px solid #DEDEDE;
	}
.interActive li{
	border:1px solid #DEDEDE;
	border-bottom:0 none;
	overflow:hidden;
	font-size:18px;
	}
*+ html .interActive li{
	float:left;
	}
.interActive .titleBar:hover{
	background: #DCF5FF;
	}
.interActive .ash, .interActive .blue{
	width:20px;
	height:20px;
	font-size:11px;
	float:left;
	margin-top:9px;
	background:#00AEEF;
	line-height:20px;
	text-align:center;
	margin-right:10px;
	color:#fff;
	cursor:pointer;
	}
.interActive .ash{
	background: #B3B3B3;
	}
.interActive .titleBar{
	height:38px;
	display:block;
	line-height:38px;
	padding:0 10px;
	overflow:hidden;
	}
.interActive .titleBar p{
	display:inline;
	float:left;
	}
.interActive .titleBar p span{
	padding-left:5px;
	}
.interActive .titleBar .controller{
	float:right;
	}
.interActive .titleBar input, .interActive .titleBar label{
	margin-top:5px;
	float:left;
	}
.interActive .titleBar .button{
	border:0 none;
	height:20px;
	font-size:10px;
	line-height:20px;
	margin-left:10px;
	margin-top:9px;
	padding:0 5px;
	background:#646464;
	color:#fff;
	float:left;
	cursor:pointer;
	text-decoration:none;
	text-transform:uppercase;
	}
.interActive .titleBar .button:hover{
	background:#FF6600;
	}
/*interactive data view*/

.filter{
	float:left;
	padding:10px 0px;
	}
/**/

/*footer*/
.footer{
	height:25px;
	text-align:left;
	min-width:980px;
	border:1px solid #E3E3E3;
	background:#F3F3F3;
	color:#6C6C6C;
	padding:10px;
	font-size:10px;
	line-height:10px;
	margin-top:20px;
	}
.footerLeft{
	float:left;
	}
.footerLeft p{
	font-size:14px;
	line-height:16px;
	}
.footerRight{
	float:right;
	}
.footerRight p{
	text-align:right;
	padding-right:10px;
	}
.eLogo{
	height:21px;
	padding-right:31px;
	display:block;
	text-align:right;
	background:url(images/elogo.gif) right top no-repeat;
	}
.eLogo:hover{
	text-decoration:none;
	background:url(images/elogo.gif) right bottom no-repeat;
	}
/*footer*/

/* popbox style*/
#jOverlay{
	}
.jError{
	background:#400;
	}
.jSuccess{
	background:#040;
	}
.popupBox{
	border:1px solid #000;
	background:#494949;
	padding:12px 10px;
	margin-bottom:15px;	
	font-family:Verdana;
	width:400px;
	margin:15px 0;
	color:#ccc;
}
.popupBox a{
	background:url(images/close.gif) no-repeat;
	width:64px;
	height:20px;
	display:block;
	float:right;
	cursor:pointer;
	}
.popupBox a b{
	position:absolute;
	left:-99999px;
	}
.popupBox h3{
	float:left;
	font-size:16px;
	color:#fff;
	margin-bottom:5px;
	}
.popupBox div{
	font-size:12px;
	display:block;
	clear:both;
	padding-top:20px;
	text-align:left;
	border-top:1px solid #ccc;
	}
/*end of popup box style*/


/*info msg options*/
.info{
	width:100%;
	}
.error{
	width:100%;
	padding:5px;
	background:#FEA9A9;
	}
.warning{
	width:100%;
	padding:5px;
	background:#FEE496;
	}
.notice{
	width:100%;
	padding:5px;
	background:#A0A9D3;
	}
.success{
	width:100%;
	padding:5px;
	background:#8EEEC0;
	}
	
/*DASH-BOARD*/
.list{
	height:100px;
	overflow:auto;
	border:1px solid #ccc;
}
.list a{
	display:block;
	margin:3px;
	padding:3px;
}
.left{
	float:left;
}
#linkTitle{
	width: 946px;
}
.content .inputArea .listSpan{
	width:639px;
	height:120px;
	overflow:auto;
}
.content .inputArea .listSpan b{
	font-weight:normal;
	margin-bottom:20px;
	display:block;
	color:#262626;
}
.content .inputArea .listSpan label{
	width:200px;
	padding-right:7px;
	float:left;
}