@import url('menu.css');

/* ----------------------------------------------Generalise-------------------------------------*/
body
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF; /*background-color:#585C3F;*/
    background-color: #A6B0BB; /*background-color: #6F4E37;*/
}

img{display:block; margin:0; padding:0; border:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}

html, .main { padding:0; margin:0 auto; width:1000px;}

#header, #intro, #container, #breadcrumb, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	height: 130px;
	}

div.HeaderText h1, div.HeaderText h2, div.HeaderText h3, div.HeaderText h4, div.HeaderText h5, div.HeaderText h6{
	margin:0 0 15px 0;
	padding:0 0 8px 10px;
	font-size:25px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #eee414;
	}

.col1{color:#FFFFFF; background-color:#666666; border-top:5px solid #666666;}
.col2{color:#B6B6B6; background:#CBCFB5;}
.col2 a{color:#FF9900; background-color:#362C20;}
.col3{color:#666666; background-color:#FFFFFF;}
.col4{color:#666666; background-color:#C8CCB3;}
.col4 a{color:#55392B; background-color:#C8CCB3;}
.col5, .col5 a{color:#FFFFFF; background-color:#585C3F;}

/* ----------------------------------------------Header-------------------------------------*/
div.HeaderText{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	}

#header
{
    padding: 10px 0 20px 0; /*z-index:1000;*/
    color: #fff; /*background-color:#CBCFB5;*/
    background-color: #666666;
}

#header #logo
{
    background-position: center center;
    float: left;
    background-color:#ffffff;
    padding:3px;
}
#header #text{
	display:block;
	float:left;
	margin-top:5px;
	padding-top:5px;
	}

#header h1, #header p{
	margin:0;
	padding:0;
	}

#header h1{
	margin:0;
	padding:0 0 0 10px;
	font-size:50px;
	border:none;
	}

#header h1 a
{
    color: #FFFFFF;
    /*background-color: #CBCFB5;*/    
}

#header h2 a
{
    color: #eee414;
}

/* ----------------------------------------------Footer-------------------------------------*/
.footer
{
    background-color:#666666;
    color:#ff9900;
    /*border:1px solid #FFFFFF;*/
    background-position: center center;
    margin: 5px auto;
    padding-top:5px;
    /*border: 1px solid #C4C0BE;*/
    height: 28px;    
    width:1000px;
}
.footer_resize { margin:0 auto; width:95%;}
.footer .lf { float:left;}
.footer .rf { float:right;}
.footer p { margin:0; padding:0; width:auto; color:Black; line-height:1.5em;}
.footer p a
{
    text-decoration: none;
    color: #0084C4;
}
.link
{
    text-decoration: none;
    color: #fff;
}
/* ---------------------Main content---------------------------- */
.content { padding:0 0 ; margin:0 auto; width:100%;}
.mainbar
{
    color: #000000;
    margin: 5px 0 5px 0;
    padding: 5px 0 0px 0;
    float: none;
    /*background-color: #DADADA;*/
    background: #F4F4F4;
    width: 100%;
    /*min-height: 400px; background: url(../images/backgroundAll.jpg) repeat center center;*/
}
/*.mainbar img {background: tarnsparent;cursor: hand; cursor: pointer;}*/
.mainbar img {background: tarnsparent;}
/*.mainbar img.fl { margin:4px 16px 4px 0; float:left; }*/
ar .article
{
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
   
}
/*------------Login------------*/
#UserId
{
    margin: 80px 200px 80px 200px;
    padding: 50px 30px 50px 30px;       
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6); 
    background-color: #666666;
}

 .loginTextBox
 {
    margin: 5px 5px 5px 5px;
    padding: 2px;
    border: #6F4E37 solid 1px;    
    color: #666666;
    font-family: Tahoma;
    height: 23px;
    font-weight:bold;
    font-size:14px;   
    width: 180px;     
 }
 .loginTextBox:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
 .loginTextBox:focus {border: 1px solid #6F4E37; background-color:#F0FFF0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}
 
.Error
{
    border: 1px solid #CC0000;    
}
 
 
 .loginButton
 {  
    margin: 5px 5px 5px 5px;  
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);   
    color: #666666;
    border:none;  
    font-weight:bold;    
    background-color:#ffffff;
    cursor:pointer;
    width: 90px;
    height:30px; 
 }
 .loginButton:hover {background-color:#6F4E37; color: #FCEFA1; }
 .loginButton:focus {background-color:#6F4E37; color: #FCEFA1; }

.rpcom_box_error_login
{
	margin: 0px 50px 1px 10px;
	padding: 5px 5px 5px 5px;	
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

/*-----------For Page Content ---------*/

.form_header
{
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); 
    margin: 5px 0 0px 0;
    background-position: center;
    padding: 3px 5px 8px 5px;
    text-align: center;
    color: lightgray;
    font-weight: bold;
    font: normal 18px Arial, Helvetica, sans-serif;
    width: 250px;
    height: 18px;
    background-color: GrayText;
}

.box_title
{
    background-position: 230px center;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 3px 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10pt;
    width: 250px;
    height: 20px;
    background-color: gray;
    background-image: url('../Images/forward.png');
    background-repeat: no-repeat;
}

.box_requiredField
{
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 3px 5px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-family: Arial;
    font-size: 9pt;
    width: 230px;
    height: 18px;
    background-color: #DADADA;
}
.box_requiredField span {color: #CC3300;}


.box_highlightedField
{
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 3px 5px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    font-family: Arial;
    font-size: 9pt;
    width: 230px;
    height: 18px;
    background-color: #bbf8ae;
}
.box_requiredField span {color: #CC3300;}

.com_title
{    
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;	
	color: #DC030D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

.rpcom_box_error
{
	margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
	border: #DAD8D8 solid 1px;
	/*background: #F9F9F9;*/
	background-color: #DADADA;
	color: #DC030D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;    
}

.round_box_home
{
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #585C3F;
    background: #F4F4F4;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: auto;   
}

.round_box_content
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;    
    /*background: #F4F4F4;*/
    background-color: #DADADA;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.round_box_gv
{    
	margin:  0px 0px 0px 0px;
	padding: 0px 1px 0px 1px;	
	background-color: #DADADA;
	color: #585C3F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px; 
    height:auto;   
    min-height:100px;
    overflow:auto;
}

.round_box_report
{
    margin:  0px 0px 0px 0px;
	padding: 0px 1px 0px 1px;	
	background-color: #DADADA;
	color: #585C3F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px; 
    min-height:100px;
}
.round_box_report .article img {background: tarnsparent; cursor: pointer;}/* For showing pointer cursor on calender image*/

.fl { float:left; direction: ltr;}
.fr { float:right;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

.watermarkCss
{
    font-variant: normal;
    font-weight: normal;
    font-style: italic;
    color: #C0C0C0;
    font-size: small;
    font-family: 'Courier New' , Courier, monospace;
}

.Calender
{
    text-align:center;
}

.ModalPopupBG
{
    filter: alpha(opacity=30);
    opacity: 0.3;
    background-image: url('../Images/Modal_Background.png');
    background-repeat: repeat;
} 

/*-----------For Control Object---------*/
.printInstruction
{
    font-weight:bold;    
    color:Maroon;
    font-style:italic;
    background-color: #99FF99;    
}

.bu

.buttonStyle
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0px 1px;
    padding: 0px 1px 2px 1px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);   
    color: #FFFFFF;
    font-weight:bold;    
    background-color:#666666;
    cursor:pointer;
    }
Style:hover {background-color:#6F4E37; color: #FCEFA1; }  
.buttonStyle:focus {background-color:#6F4E37; color: #FCEFA1; }  


.fileUploadButtonStyle
{
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);   
    color: #FFFFFF;
    border:none;  
    font-weight:bold;    
    background-color:#666666;
    cursor:pointer;
    width: 90px;
    height:25px;    
}
.fileUploadButtonStyle:hover {background-color:#6F4E37; color: #FCEFA1; }  
.fileUploadButtonStyle:focus {background-color:#6F4E37; color: #FCEFA1; }  

.buttonStyleHome
{
    border-style: groove groove groove groove;
    border-width: 2px;
    border-color: #585C3F;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #0000CC;
    width: auto;
    height: 35px;
    padding: 0px 1px 1px 1px;
    margin: 1px 0px 0px 0px;
    cursor: hand;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}
.buttonStyleHome:hover
{
    background-image: url('../images/All_Background.jpg');
    background-repeat: repeat;
    color: #FCEFA1;
}
 
.textBox
{
    margin: 0px;
    padding: 1px 2px 3px 2px;
    border: 1px solid #A9A5A5;
    color: #000000;
    font-family: Tahoma;    
    font-weight: normal;
    float: left;
} 
.textBox:hover {border: 1px solid #6F4E37; background-color:#F0FFF0;}
.textBox:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

.textBoxGV
{
    margin: 0px;
    padding: 0px 0px 1px 0px;
    border: 1px solid #A9A5A5;
    color: #000000;
    font-family: Tahoma;    
    font-weight: normal;
    width: auto;
    height:auto;
    float: right;
    text-align:right;
} 
.textBoxGV:hover {border: 1px solid #6F4E37; background-color:#F0FFF0;}
.textBoxGV:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

.sear

.searchTextBox
{
    margin: 0px;
    padding: 1px 2px 3px 2px;
    border: 1px solid #A9A5A5;
    color: #000000;
    font-family: Tahoma;   
    font-weight: normal;
} 
xtBox:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
.searchTextBox:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

.textBoxMultiline
{
    margin: 0;
    padding: 2px;
    border: 1px solid #A9A5A5;
    color: #000000;
    font-family: Tahoma;
    height: 43px;
    font-size:12px;
    width: auto;
    float: left;
} 
.textBoxMultiline:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
.textBoxMultiline:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

.ch

.checkBox
{
    margin: 0;
    padding: 2px;
    border: 1px solid #A9A5A5;    
    color: #000000;    
    text-align:center;
    background: #FFFFFF;
    float: left;
} 
ox:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
.checkBox:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

.dropDown
{
    margin: 0;
    padding: 2px;
    border: 1px solid #A9A5A5;   
    color: #000000;    
    font-family: 'Courier New', Courier, monospace; font-weight:lighter;
    font-size:13px;
    float: left;
} 
.dropDown:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
.dropDown:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

.dropDownGV
{
    margin: 0;
    padding: 0px;
    border: 1px solid #A9A5A5;   
    color: #000000;    
    height: 18px;
    font-family: 'Courier New', Courier, monospace; font-weight:lighter;
    font-size:13px;
    width: auto;
    float: left;
} 
.dropDownGV:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
.dropDownGV:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}


.searchDropDown
{
    margin: 0;
    padding: 2px;
    border: 1px solid #A9A5A5;   
    color: #000000;    
    height: 23px;
    font-family: 'Courier New', Courier, monospace; font-weight:lighter;
    font-size:13px;
    width: auto;    
} 
.searchDropDown:hover {border: 1px solid #6F4E37; background-color:#F0FFF0}
.searchDropDown:focus {border: 1px solid #6F4E37; background-color:#F0FFF0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(111, 78, 55, 0.6);outline: 0 none;}

/*-----------For help ToolTip ---------*/
a.tooltip {outline:none; } 
a.tooltip strong {line-height:17px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:900;display:none; padding:10px; margin-top:-30px; margin-left:10px; width:12em; line-height:15px; } 
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:900;position:absolute;top:30px;border:0;left:-12px;} 
/*CSS3 extras*/ 
a.tooltip span  
{
    /*border-radius:4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;*/ 
    -moz-box-shadow: 5px 5px 8px #CCC; 
    -webkit-box-shadow: 5px 5px 8px #CCC; 
    box-shadow: 5px 5px 8px #CCC; 
}

.help
{  
    background-position: center center;
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    width: 20px;
    margin: 0;
    padding: 0;
    overflow: visible;    
    text-decoration: none;
    text-indent: 0;
    vertical-align: middle;
    white-space: nowrap;
    background-image: url('../Images/help1.png');
    background-repeat: no-repeat;
    border-right: 1px solid #A9A5A5;
    border-top: 1px solid #A9A5A5;
    border-bottom: 1px solid #A9A5A5;
    background-color: #DFDFDF;
}

/*--------------For Grid View ----------------*/
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 0px 0 0px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid th
{
    padding: 4px 2px;
    color: #FFFFFF;
    background: gray;
    border: solid 1px #c1c1c1;
    font-size: 1em;  
    white-space: nowrap;  
}
.mGrid td
{
    padding: 1px;
    border: solid 1px #c1c1c1;
    color: #4F4F4F;
    white-space: nowrap;
} 
.mGrid td a
{
    color: #3366FF;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;   
    font-weight: normal;
}
.mGrid td a:hover{font-weight: bold;}    
.mGrid .alt
{
    background: #eeeded;
} 
.mGrid .selected
{
    background: #585C3F;
    color:#FFFFFF;
} 
.mGrid .selected td
{
    padding: 1px;
    border: solid 1px #c1c1c1;
    color: #4F4F4F;
    white-space: nowrap;
    background: #666666;
    color:#FFFFFF;
}
.mGrid .selected td a
{
    color: #3366FF;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    font-weight: normal;
    background: #666666;
    color:#FFFFFF;
}
/*.mGrid tr:hover
{
    background-color: #A8FFA8;
}*/
.mGrid .pgr
{
    background: gray;
}  
.mGrid .pgr table
{
    margin: 0px;
}  
.mGrid .pgr td
{
    border-width: 0;
    padding: 2px;
    border: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
} 
.pgr span
{
    background-color: #666666;
    color: #FFFFFF;   
}

.mGrid .pgr a
{
    color: #333333;
    text-decoration: none;    
}  
.mGrid .pgr a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}  

/*--------------For Scrollable Grid View ----------------*/
.mGridScrollable
{
    width: 100%;
    background-color: #fff;
    margin: 0px;
    border: solid 1px #525252;
   /* border-collapse: collapse;*/
}
.mGridScrollable th
{
    padding: 5px 1px 5px 1px;
    color: #FFFFFF;
    background: #919863;
    border: solid 1px #c1c1c1;
    font-size: 1em;  
    white-space: nowrap; 
}
.mGridScrollable td
{
    padding: 1px;
    border: solid 1px #c1c1c1;
    color: #4F4F4F;
    /*white-space: nowrap;  */
} 
.mGridScrollable td a
{
    color: #3366FF;
    text-align: center;
    vertical-align: middle;
     /*white-space: nowrap;  */
    font-weight: normal;
}
.mGridScrollable td a:hover{font-weight: bold;}    
.mGridScrollable .alt
{
    background: #ECFFEC;
} 

@font-face  {
    font-family: "MyBanglaFont";
    src: url('../Fonts/Bangla.ttf') ;    
}

.txtBoxBangla
{
    font-family: MyBanglaFont;
}