/* CSS Document */

hr {
color:#d9d9d9;
background-color: #d9d9d9;
height:1px;
}

.heading {
font-size:24px;
font-family:Arial;
color:#000000;
}

.txt {
font-size:12px;
font-family:Arial;
text-align:justify;
background-image:url(../images/inside_pic.jpg) ;
 background-repeat:no-repeat; background-position:center;
 background-attachment:fixed;

 
}

.one 
{
color:#7F7F7F;
 font-weight:bold;
 text-align:left;

}

.t1
{
font-size:12px;
font-family:Arial;
text-align:justify;
}

.caption 
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#525252;
	color:#FFFFFF;
}

.caption_details
{
font-size:14px;
font-weight:bold;
color:#666666;
font-family:Arial;
vertical-align:top;
}

.txt_red {
    font-family: Tahoma;
	font-size: 11px;
	color: #ff0000;

}

.search_txt 
{
font-size:14px;
color:#000000;
text-align:center;
/*font-weight:bold;*/

}

.search_table {
border-color:#333333;


}

.txt3 
{
font-size:12px;
/*color:#666666;*/
font-weight:bold;
color:#000000;

}

select {
	font-family: Tahoma;
	font-size: 11px;
}

a.details
{
color:#666666;
}

area {
color:#666666;
font-size:11px;
text-decoration:none;
}
.copyright {
font-family:Tahoma;
font-size:11px;
color:#787878;
}

a.footer {
color:#787878;
text-decoration:none;
font-family:Tahoma;
font-size:11px;
}



   /* @import url(scrolling_table.css);*/
   /* CSS Document */

/* datTable for styling only */
table.dataTable {
    margin: 0;
    padding: 0;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

table.dataTable th {
    margin: 0;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: normal;
	padding: 4px 3px 3px 4px;
	background: #ccc;
	font-weight: bold;
}

table.dataTable td {
    margin: 0;
	/*border-right: 1px solid #999;
	border-top: 1px solid #999;	*/
    padding: 2px 3px 3px 4px
}
table.dataTable tr {
	height:20px;
   
}

/* This makes the scrolling table work */

div.scrollTableContainer {
	height: 400px;	
    overflow: auto;
	width: 100%;
	margin: 15px 0 0 0;
	position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
	width: 100%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 946px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
   height: 350px;
   min-height:30px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr	{
	position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


       /* @import url(scrolling_table.ie.css);*/
	   DIV.scrollTableContainer THEAD TR {
	; TOP: expression(offsetParent.scrollTop-5); ; LEFT: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px")
}


/* for require */


/* datTable for styling only */
table.dataTable1 {
    margin: 0;
    padding: 0;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

table.dataTable1 th {
    margin: 0;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: normal;
	padding: 4px 3px 3px 4px;
	background: #ccc;
	font-weight: bold;
}

table.dataTable1 td {
    margin: 0;
	/*border-right: 1px solid #999;
	border-top: 1px solid #999;	*/
    padding: 2px 3px 3px 4px
}
table.dataTable1 tr {
	height:20px;
   
}

/* This makes the scrolling table work */

div.scrollTableContainer1 {
	height: 390px;	
    overflow: auto;
	width: 100%;
	margin: 15px 0 0 0;
	position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer1 table {
	width: 98%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer1 table {
    width: 830px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer1 table>tbody	{  
    overflow: auto; 
   height: 340px;
   min-height:30px;
    overflow-x: hidden;
}

div.scrollTableContainer1 thead tr	{
	position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer1 td:last-child {padding-right: 20px;}


       /* @import url(scrolling_table.ie.css);*/
	   DIV.scrollTableContainer1 THEAD TR {
	; TOP: expression(offsetParent.scrollTop-5); ; LEFT: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px")
}