body {
  color: #333333;
  font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 13px;
  direction: ltr;
}

br {
	line-height: 10px;
}

.btn {
    background-image: none !important;
    border-width: 0;
    box-shadow: none;
    filter: none;
    font-size: 14px;
    outline: medium none !important;
    padding: 7px 14px;
    text-shadow: none;
    margin-right: 5px;
}


/******************Submit button *****************************/
.submit.btn {
  color: #FFFFFF;
  background-color: #578ebe;
  border-color: "";
  width: 100px;
}

.submit.btn:hover, .submit.btn:focus, .submit.btn:active {
  color: #FFFFFF;
  background-color: #437cae;
  width: 100px;
}

.submit.btn:disabled
{
  background-color: #85B3DA;
  cursor: no-drop;
}

/******************Delete button *****************************/

.delete.btn {
  color: #FFFFFF;
  background-color: #578ebe;
  border-color: "";
  width: 100px;
}

.delete.btn:hover, 
.delete.btn:focus, 
.delete.btn:active {
  color: #FFFFFF;
  background-color: #437cae;
  width: 100px;
}

.delete.btn:disabled
{
  background-color: #85B3DA;
  cursor: no-drop;
}

/******************Cancel button *****************************/
.cancel.btn {
  background-color: #e5e5e5;
  color: #333333;
  width: 100px;
}

.btn.cancel:hover, 
.btn.cancel:focus, 
.btn.cancel:active {
  color: #333333;
  background-color: lightgray;
  width: 100px;
}

/******************Clear button *****************************/

.clear.btn {
  background-color: #e5e5e5;
  color: #333333;
  width: 100px;
}
.btn.clear:hover, 
.btn.clear:focus, 
.btn.clear:active {
  color: #333333;
  background-color: lightgray;
  width: 100px;
}

/************button divider*************/
.divider{
    width:10px;
    height:auto;
    display:inline-block;
}

.bangla {
	font-family:Nikosh;
	font-size: 13px;
}

.textbox 
{
	display: block;
	height: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	/*margin-top: 20px;*/
}

.textbox:focus {
  border-color: #8CAEE7;
  outline: 0;
  box-shadow: none;
}

.textbox:disabled
{
	cursor:no-drop;
}

.textbox.numeric 
{
	text-align: right;
}

.width50{width:50px !important;}

.width75{width:75px !important;}

.width100{width:100px !important;}

.width150{width:150px !important;}

.width200{width:200px !important;}

.width250{width:250px !important;}

.width300{width: 300px !important;}

.height10{height: 10px !important;}

.height25{height: 25px !important;}

.height50{height: 50px !important;}

.height80{height: 80px !important;}

.height100{height: 100px !important;}

.selectbox {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%;
}

.selectbox:focus
{
	border: 1px solid #8CAEE7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.select30{width:30px !important}

.select50{width:55px !important;}

.select75{width:80px !important;}

.select100{width:105px !important;}

.select150{width:155px !important;}

.select200{width:205px !important;}

.select250{width:253px !important;}

.select300{width:326px !important;}

.select400 { width: 426px !important; }

.select-min-300 { min-width: 326px !important;}

.label-text {
	vertical-align: middle;
	text-align: right;
	width: 30%;
}

.button-grid-separator 
{
	clear: both;
	height: 10px;
}

.entryForm 
{
	float: left;
	font-size: 13px;
}

.entryForm > tbody > tr > td:first-child 
{
	clear: both;
	float: right;
	vertical-align: middle;
	margin-top: 6px;
}

.entryForm > tbody input[type="text"], .entryForm > tbody input[type="password"] {
	display: block;
	height: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width: 300px;
}

.entryForm > tbody input[type="text"]:focus, 
.entryForm > tbody input[type="password"]:focus {
  border-color: #8CAEE7;
  outline: 0;
  box-shadow: none;
}

.entryForm > tbody input[type="text"]:disabled
{
	cursor:no-drop;
}

.entryForm > tbody textarea {
	display: block;
	height: 80px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width: 300px;
}

.entryForm > tbody textarea:focus {
  border-color: #8CAEE7;
  outline: 0;
  box-shadow: none;
}

.entryForm > tbody select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 327px;
}

.entryForm > tbody select:focus
{
	border: 1px solid #8CAEE7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.entryForm > tbody input[type='checkbox']
{
	margin-top: 10px;
}

/********************Grid CsS******************/

.table-bordered {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: white;
	margin: 0 auto;
}

.table-bordered > tbody > tr:nth-child(even) {
	background-color: #eeeeee;
}

.table-bordered > tbody > tr:nth-child(odd) {
	background-color: #ffffff;
}

.table-bordered > tbody > tr:hover {
	background-color: #FFFFDE;
	cursor: pointer;
}

.table-bordered > thead tr th {
    font-size: 14px;
    font-weight: 600;
	background-color: #cccccc;
	color: black;
	line-height: 25px;
}

.table-bordered > tbody > tr > td, 
.table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    padding: 5px;
}

/********************Grid inner CSS *****************************/

.tablegrid-inner {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: white;
	margin: 0 auto;
}

.tablegrid-inner > tbody > tr:nth-child(even) {
	background-color: #eeeeee;
}

.tablegrid-inner > tbody > tr:nth-child(odd) {
	background-color: #ffffff;
}

.tablegrid-inner > thead tr th,
.tablegrid-inner > tfoot tr th {
    font-size: 14px;
    font-weight: 600;
	background-color: #cccccc;
	color: black;
	line-height: 25px;
}

.tablegrid-inner > tbody > tr > td, 
.tablegrid-inner > thead > tr > th {
    border: 1px solid #ddd;
    padding: 5px;
}

.tablegrid-inner > tbody select,
.tablegrid-inner > thead select {
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #555;
    display: block;
    font-size: 12px;
    height: 22px;
    line-height: 1.42857;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%;
}

.tablegrid-inner > tbody select:focus,
.tablegrid-inner > thead select:focus{
	border: 1px solid #8CAEE7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tablegrid-inner > tbody input[type=button],
.tablegrid-inner > thead input[type=button], 
.tablegrid-inner > tfoot input[type=button]
{
	background-image: none !important;
    border-width: 0;
    box-shadow: none;
    filter: none;
    font-size: 12px;
    outline: medium none !important;
    padding: 5px 10px;
    text-shadow: none;
	color: #FFFFFF;
	background-color: #578ebe;
	border-color: "";
	width: 70px;
}

.tablegrid-inner > tbody input[type=button]:hover,
.tablegrid-inner > tbody input[type=button]:focus,
.tablegrid-inner > tbody input[type=button]:active,
.tablegrid-inner > thead input[type=button]:hover,
.tablegrid-inner > thead input[type=button]:focus,
.tablegrid-inner > thead input[type=button]:active,
.tablegrid-inner > tfoot input[type=button]:hover,
.tablegrid-inner > tfoot input[type=button]:focus,
.tablegrid-inner > tfoot input[type=button]:active {
  color: #FFFFFF;
  background-color: #437cae;
}

.tablegrid-inner > tbody input[type=button]:disabled,
.tablegrid-inner > thead input[type=button]:disabled,
.tablegrid-inner > tfoot input[type=button]:disabled
{
  background-color: #85B3DA;
  cursor: no-drop;
}

.tablegrid-inner > tbody input[type=text],
.tablegrid-inner > thead input[type=text]
{
	display: block;
	height: 16px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	/*margin-top: 20px;*/
}

.tablegrid-inner > tbody input[type=text]:focus,
.tablegrid-inner > thead input[type=text]:focus {
  border-color: #8CAEE7;
  outline: 0;
  box-shadow: none;
}

.rowasheader {
	font-size: 14px;
    font-weight: 600;
	background-color: #A5A6A5;
	color: black;
	line-height: 25px;
}

.rowaswhite {
	background-color: white;
}
/********************End of Grid inner CSS *****************************/


/* AJAX PROGRESS BEGIN*/

.modalajaxbackground {
    background-color: transparent;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1001;
    /*filter: alpha(opacity=40);*/
    opacity: 0.5;
}

.modalajaxprogresscontainer {
    border:10px solid #364150;
    background-color: #ffffff;
    
    position: absolute;
    
    left: 50%;
    margin-left: -175px;
    top: 50%;
    margin-top: -75px; 
    
    height: 150px;
    width: 350px;
    
    z-index: 2000;
    line-height: 150px;
    
    
    opacity: 0.7;
    vertical-align: middle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

    .modalajaxprogresscontainer img 
    {
        position: absolute;   
        top: 50px;
        height: 30px;
        width: 30px;
        left: 50%;
        margin-left: -15px;
    }

    .modalajaxprogresscontainer div {
        position: absolute;
        top: 85px;
        height: 30px;
        width: 100%;
        text-align: center;
        line-height: 30px;
        vertical-align: middle;
    }
    
/* AJAX PROGRESS END*/   

/* BEGIN POPUP CSS*/

.popup
{
	width: 411px; overflow: auto; z-index: 1400; visibility: hidden;position: absolute; border:1px solid #B6B8B6; background-color: #E7E7E7; padding: 5px;
}

.elementDataBlock
{
	border: 1px solid #c0c0c0; padding: 1px; position: relative;
}
/* END POPUP CSS*/


/* BEGIN PAGE CSS*/
.pager
{
    margin-left:10px; margin-top:10px;
}

.pager
input[type="button"]
{
    background-image: none !important;
    border-width: 0;
    box-shadow: none;
    filter: none;
    font-size: 14px;
    outline: medium none !important;
    padding: 7px 14px;
    text-shadow: none;
    margin-right: 5px;
    color: #FFFFFF;
	background-color: #578ebe;
    border-color: "";
}

.pager
input[type="button"]:hover
{
	background-image: none !important;
    border-width: 0;
    box-shadow: none;
    filter: none;
    font-size: 14px;
    outline: medium none !important;
    padding: 7px 14px;
    text-shadow: none;
    margin-right: 5px;
    color: #FFFFFF;
	background-color: #437cae;
    border-color: "";
}

.pager
input[type="button"][disabled="disabled"]
{
	background-image: none !important;
    border-width: 0;
    box-shadow: none;
    filter: none;
    font-size: 14px;
    outline: medium none !important;
    padding: 7px 14px;
    text-shadow: none;
    margin-right: 5px;
    color: #FFFFFF;
	background-color: #85B3DA;
    border-color: "";
}

/* END PAGE CSS*/

.grid-spacing {
	margin-left: 10px;
}


/* *******************Alert box ***************************** */

.messagebox{float: left; margin-top: 10px;}
.alert {
	border-width: 1px;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 0px;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	padding-right: 35px;
}
.messagebox #td1,.messagebox #td2, .messagebox #td3 {
	float: left;
	margin-left: 5px;
}

.messagebox #td1 a{
	padding-left: 50px; cursor: pointer;text-decoration: none;color:#8a6d3b;
}