body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
}
input
{
    margin:0px;
    outline:none !important;
}
h1{
margin: 10px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#15428b;
}
a{
outline:none;
color:#FF6600;
text-decoration:none;
}
a:hover{
outline:none;
color:#333333;
text-decoration:underline;
}
img{
outline:none;
border:none;
vertical-align:middle;
margin:0px;
}
.container{
width:1000px;
margin:0 auto;
position:relative;
border:1px #cccccc solid;
}
.top_color{
background:#075724;
height:5px;
}
.date_img{
background:url(../images/date_bg.jpg) no-repeat #FFFFFF;
width:408px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:right;
padding:5px 0px 5px 0px;
vertical-align:top;
}
.header_bg{
background:url(../images/head_bg.jpg) repeat-x;
}


.breadcrumb_bg
{    
background:url(../images/breadcrumb-bg.gif) repeat-x;
height:22px;
padding-left:10px;
padding-right:10px;
}

.breadcrumb{
color:#333333;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold !important;
}
.mid{
border:1px #cccccc solid;
background:#FFFFFF;
height:333px;
overflow:auto;
}
.error_msg{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
padding:5px;
display:none;
}
.grid {
font-family:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
width:500px;
}
.grid th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#f0f0f0;
border-bottom:1px #dfdfdf solid;
border-top:1px #dfdfdf solid;
padding-left:10px;
text-align:left;
line-height:20px;
}
.grid td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#eaf3ff;
border-top:1px #c4ddff solid;
padding-left:10px;
text-align:left;
line-height:20px;
}
.grid .alt td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#ffffff;
border-top:1px #c4ddff solid;
padding-left:10px;
text-align:left;
line-height:20px;
}
.footer{
background:url(../images/breadcrumb-bg.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:10px;
padding-left:5px;
height:22px;
line-height:22px;
}
.key{
background:#b0d2ff;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
padding:0px 10px 10px 10px;
line-height:24px;
}
fieldset{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
padding:5px 0px 5px 10px;
}
legend{
margin-left:10px;
}
/*---------------User info------------------*/

.user_mid{
padding:0px 10px 0px 0px;
border:1px #6699cc solid;
background: url(../images/left_td_bg.png) repeat-y #b0d2ff;
width:169px
}
.left_menu{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
/*border:1px #6699cc solid;*/
}
.left_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#15428b;
font-weight:bold;
line-height:22px;
padding-left:10px;
background:url(../images/left_head_bg.gif) repeat-x;
border-bottom:1px #6699cc solid;
}
.left_items{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:17px;
}
.left_items a img{
line-height:17px;
margin-right:2px;
}

.left_items a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
display:block;
border:1px #d9eaff solid;
padding-left:10px;
}
.left_items a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:#ffe6a0;
border:1px #ffb74c solid;
}
input.textbox{
font-size:11px;
background:#f8f8f8;
border:1px #cecece solid; 
width:150px;
margin:0px;
}
input.textbox_blue{
font-size:11px;
background:#f8f8f8;
border:1px #1051ad solid; 
width:150px;
margin:0px;
}
.text_box_blue
{
	font-family:Arial, tahoma;
	font-size:12px;
	color:#000000;
	width:200px;
	border:2px #1051ad solid;
	height:auto;
	font-weight:normal;
	text-decoration:none;
}


input.checkbox{
font-size:11px;
margin:0px;
}
select.listmenu{
font-size:11px;
background:#f8f8f8;
border:1px #cecece solid; 
}
select.listmenuRed{
font-size:11px;
background:#f8f8f8;
border:1px #ff0000 solid;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#FF0000);
}
hr{
margin:10px 0 10px 0;
height:1px;
background:#dcd9d9;
border:0 solid #DCD9D9;
}
h2{
margin:10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:18px;
color:#333333;
padding-left:20px;
}
.content_padd{
padding-left:10px;
padding-right:10px;
}

/*---------------User search------------------*/

.top_tab{
background:url(../images/top_nav_bg.jpg) repeat-x;
line-height:30px;
}
.top_tab .link{
background:url(../images/nav_bg.jpg) no-repeat right;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-align:right;
font-weight:bold;
padding-right:20px;
}
.top_tab .link a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
padding:0px 20px 0px 60px;
}
.top_tab .link a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF9900;
background:none;
}
.header_bg{
background:url(../images/head_bg.jpg) repeat-x;
height:58px;
}
.left{
float:left;
}
.header1{
height:142px;
background:url(../images/head_bg.gif) repeat-x;
}
.headertxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d6e8ff;
padding:10px;
text-align:right;
line-height:20px;
}
.headertxt a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d6e8ff;
}
.headertxt a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff9900;
}
.head_bottomlink{
background:url(../images/top_link_bg.jpg) repeat-x;
height:28px;
}
.heading_bg{
background:url(../images/top_tab_bg.gif) repeat-x #e9db38;
line-height:26px;
width:100%;
float:left;
border-right:1px #cccccc solid;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
padding-left:10px;
}
.heading_bg1{
background:url(../images/heading_bg.jpg) repeat-x;
line-height:26px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#15428b;
padding-left:199px;
}
.left_panel{
background:url(../images/left_bg.jpg) repeat-x #ffffff;
width:150px;
}
.left_cat{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:18px;
padding-top:5px;
}
.left_cat a img{
line-height:18px;
margin-right:5px;
}

.left_cat a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
display:block;
border:1px #ffffff solid;
padding-left:10px;
}
.left_cat a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:#cfebfe;
line-height:18px;
border:1px #cccccc solid;
font-weight:normal;
}
.left_cat_selected{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:#cfebfe;
line-height:18px;
border:1px #cccccc solid;
font-weight:normal;
}
.menu{
line-height:26px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}
.menu table td a{
background:url(../images/menu_bg.jpg) repeat-x;
border-top:1px #cccccc solid;
line-height:26px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:none;
display:block;
padding-left:5px;
}
.menu table td a:hover{
background:url(../images/selected_menu.jpg) repeat-x;
line-height:26px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:none;
vertical-align:middle;
}
.menu_selected{
background:url(../images/selected_menu.jpg) repeat-x !important;
line-height:26px !important;
color:#FFFFFF !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
font-size:12px !important;
text-decoration:none !important;
vertical-align:middle !important;
}
.user_search_mid{
border:1px #cccccc solid;
background:#FFFFFF;
/*height:392px;*/
overflow:auto;width:814px;
}
.serach{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
background:url(../images/top_tab_bg.jpg) repeat-x;
}
.nav{
background:url(../images/nav.png) repeat-x #d2e6ff;
border:1px #cccccc solid;
border-bottom:none;
height:24px;
line-height:0px;
}

.user_gridRed{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#ff0000 !important;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}
.user_gridRedText{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000 !important;
font-weight:normal;
/*background:#ff0000;
border-top:1px #cccccc solid;*/
text-align:center;
line-height:20px;
}

.user_gridBlue td
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold !important;
background:#DCEBFF !important;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}
.textRed td{
color:#FF0000 !important;
/*background:#ff6600 !important;*/
}

.user_gridV1 td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.user_paging td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5;
text-align:center;
line-height:20px;
}

.user_grid .alt td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#ffffff;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.user_gridV1 .alt td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#ffffff;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}
.user_gridV1_paging td{
text-align:left !important;padding-right:3px;border-top:0px #cccccc solid;
}


.user_gridJS1 {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5;
border-bottom:1px #cccccc solid;
border-left:1px #cccccc solid;
text-align:center;
line-height:16px;
padding:0px 0px 0px 0px;
height:35px;
}

.user_gridJS2 {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#ffffff ;
border-bottom:1px #cccccc solid;
border-left:1px #cccccc solid;
text-align:center!important;
line-height:16px;
padding:0px 0px 0px 0px;
height:35px;
}

.user_gridJS3 {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:Yellow;
font-weight:normal;
background:Red ;
border-bottom:1px #cccccc solid;
border-right:1px #cccccc solid;
text-align:center;
line-height:16px;
padding:0px 0px 0px 0px;
height:35px;
}
.user_grid .select td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:white;
font-weight:normal;
background:#08246B;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.user_gridV1 .select td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:white;
font-weight:normal;
background:#08246B;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.user_grid .altselect td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:white;
font-weight:normal;
background:#08246B;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.user_gridV1 .altselect td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:white;
font-weight:normal;
background:#08246B;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.user_grid1 {
font-family:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
width:1200px;
}
.user_grid1 th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
background:#bbeeff;
border-bottom:1px #cccccc solid;

text-align:center !important;
line-height:20px;
border-right:1px #cccccc solid;
}

.user_grid1 th table{

background:#bbeeff;


}

.user_grid1 td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#edfff3;
border-right:1px #cccccc solid;
text-align:center;
line-height:20px;
}
.user_grid1 .alt td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#fffcee;
text-align:center;
line-height:20px;
}

/*---------------Admin Page------------------*/

.admin_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:normal;
color:#4e699e;
}
.admin_txt{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
vertical-align:middle;
}
.pagingdiv{background-color:#f0f0f0;border-top:1px solid #999999;}
.search_results{
line-height:26px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#15428b;
padding-left:10px;
font-weight:normal;
}

.content  {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-align:left;
}

.content th
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
font-weight:normal;
text-align:left;
}

.wht_txt{color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;padding-left:5px;}
.work_header{background-color:#426198;color:#fff; padding-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;line-height:19px;}
.work_header_txt a{color:#000; padding-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:19px;text-decoration:none;}
.user_search_mid2{
border:1px #cccccc solid;
background:#FFFFFF;
height:380px;
overflow:auto;
}
.plan_head{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
background:url(../images/plan_head.png) repeat-x;
padding-left:10px;
line-height:20px;
}
.plan_txt{
line-height:20px;
color:#666666;
font-size:11px;
}
.grayborder{
border:1px #000 solid;
}
.grayborder1{
border:1px #cccccc solid;
}
.listmenu_width{
width:160px;
}
.small_textbox_width{
font-size:11px;
background:#f8f8f8;
border:1px #cecece solid; 
width:50px;
margin:0px;
}
.center{
text-align:center !important;
}
.black_txt{
color:#000000 !important;
text-align:center !important;
padding:0px !important;
}
.textarea{
font-size:11px;
background:#f8f8f8;
border:1px #cecece solid; 
width:150px;
margin:0px;
}
.select{
font-size:11px;
background:#f8f8f8;
border:1px #cecece solid; 
width:150px;
margin:0px;
}

.search_lg{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
background:url(../images/top_tab_bg2.jpg) repeat-x;
}

.search_lg_new{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
background:url(../images/top_tab_bg3.jpg) repeat-x;
}
.search_lg_UserControl{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
    width: 1132px;
}

.normal_txt{color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

.Tipcontener {
border:1px dashed #CCCCCC;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:76px;
}

.fieldtxt{font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#333;font-weight:bold;}
.forgotpassword-style a {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:italic;
text-decoration:none;
}
.mid2{
border:1px #cccccc solid;
background:#FFFFFF;

}
.number{
font-family:Calibri;
font-size:40px;
color:#409320;
font-weight:bold;
text-align:center;
}
.number:hover
{
    font-family:Calibri;
    font-size:40px;
    color:#e46b1a;
    font-weight:bold;
    text-align:center;
}
.logo{background:url(../images/logo.jpg) left no-repeat; height:96px;}
.top-tab
{
    float: left;
	width:100%;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
	background:url(../images/breadcrumb-bg.gif) repeat-x bottom;

	font-weight:bold;
    }
 .top-tab table
{
    margin: 0px;
    padding: 0px;
    float: left;
 }
.top-tab table td
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}
    
.top-tab table td a
{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-right: 0px #31b151 solid;
    background: url(../images/leftMenu.png) left top;
    padding: 0px 20px 0px 20px;
    color: #333333;
    font-weight: bold;
}
.top-tab table td a:hover
{
 background-position: 0% -35px;
}

.top-tab_selected
{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-right: 0px #31b151 solid;
    background: url(../images/leftMenu.png) left top;
    background-position: 0% -35px;
    padding: 0px 20px 0px 20px;
    color: #333333;
    font-weight: bold;
}
/*.top-tab table
{
    margin: 0px;
    padding: 0px;
    float: right;
    width:92px;
}
.top-tab table td
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.top-tab table td a
{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-right: 1px #31b151 solid;
    background: url(../images/leftMenu.png) left top;
    padding: 0px 20px 0px 20px;
    color: #333333;
    font-weight: bold;
}
.top-tab table td a:hover
{
    background-position: 0% -35px;
}*/
.gridPagerButton{padding:0 10px 0 5px;}
.blockhd{background-color:#C8FFC9; height:23px; font-size:12px; color:#000;padding-left:5px;font-weight:bold;border:1px solid #82a382;}
.noleftborder{border-left:0px;}
.greenborder1 th{border-right:1px solid #82a382;padding-left:5px;background-color:#C8FFC9; height:23px; font-size:12px; color:#000;font-weight:bold;border-bottom:1px solid #82a382;border-top:1px solid #82a382;text-align:center;}
.blockheading{background-color:#C8FFC9; height:23px; font-size:12px; color:#000;padding-left:5px;font-weight:bold;border-bottom:1px solid #82a382;}
.greenborder1 td 
{
border-bottom:1px solid #C9D3C9;
border-right:1px solid #82A382;
padding-left:5px;
}
.greenborderright {
border-right:1px solid #82A382;
}
.greenborder {
border-left:1px solid #82A382;
}
.MessageBox{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
background:url(../images/top_tab_bg2.jpg) repeat-x;
padding: 5px 5px 5px 5px;
font-weight:bold;
}
.MessageBoxError{
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:11px;
background:url(../images/top_tab_bg2.jpg) repeat-x;
padding: 5px 5px 5px 5px;
font-weight:bold;
}


.pageheading
{
	color: #FFFFFF;
	background-color: #60a764;
	height: 28px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}

*
{
	margin: 0;
	padding: 0;
}

a img
{
	border: 0 none;
}
img
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
}


.formRemarksTooltip
{
    background: transparent url(../images/form_ToolTipbg_Remark.png);
    font-size: 10px;
   font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;    
    left:300px;
    top:250px;
    text-align:left;
    color: #000000;
    background-repeat: no-repeat;
    width: 400px;
    z-index: 2000;
    position: fixed;
    height:0px;
}
.OperationalTooltip
{
    font-size: 10px;  
    top:150px;
    left:80px;
    text-align:left;
    color: #000000;
    width: 400px;
    z-index: 1200;
    position:fixed;
    height:200px;
    cursor: move;
}
.FrozenHeader
{
    z-index: 10;
    background: #c0e3c2;
    position: relative;
    height: 20px;
    border-right: #CCCCCC 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    font-size: 11px;
    color: #000000;
    padding:0px 5px 0px 5px;
    margin-right:30px;
    top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2);
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}
.FrozenHeader_Paging
{
    z-index: 10;
    background: #c0e3c2;
    position: relative;
    text-align:left;
    height: 20px;
    border-right: #CCCCCC 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding:0px 5px 0px 5px;
    margin-right:30px;
    top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2);
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}


.FrozenListViewHeader
{
  /*  z-index: 10;  Commented by Hari date -08-05-2013   */ 
    background: #c0e3c2;
    position: relative;
    height: 20px;
    border-right: #CCCCCC 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    font-size: 11px;
    color: #000000;
    padding:0px 5px 0px 5px;
    margin-right:30px;
    top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-0);
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}
td.locked, th.locked {
position:relative;   
left:expression((this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2)+'px');
} 
.SHMHeader
{   
    background: #c0e3c2;    
    height: 20px;
    border-right: #CCCCCC 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    font-size: 11px;
    color: #000000;
    padding:0px 5px 0px 5px;
    margin-right:30px;
    
    z-index: 10;
    position: relative;
    top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-1);
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}
.action th
{
    background: #FFFFFF;
    border-top: 1px #ffbe85 solid;
    border-right: 1px #ffbe85 solid;
    line-height:25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: center;
    width:25px;
    vertical-align:top;
}
.border_org
{
    border-right: 1px #ffbe85 solid;
}
.gridinfo{
font-family:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
width:100%;
border-collapse:collapse;
border:1px #cccccc solid;
}
.gridinfo th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold  !important;
background:#c8ffc9;
border-bottom:1px #cccccc solid;
border-top:1px #cccccc solid;
text-align:center !important;
line-height:13px;
border-right:1px #cccccc solid;
vertical-align:middle;
height:20px;
}
.gridinfo td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
vertical-align:top;
}
.gridinfo .blue{
	background:#81daff !important;
}
.gridinfo .green{
	background:#d5e6a2 !important;
}
.gridinfo .orange{
	background:#ffbe7f !important;
}

.SquareGreen
{	background-image:url(../images/square_green.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    color:black;
}
.SquareRed
{	background-image:url(../images/square_red.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.SquareWhite
{	background-image:url(../images/square_white.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.SquareYellow
{	background-image:url(../images/square_yellow.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.SquareBlue
{	background-image:url(../images/square_blue.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}

.CircleGreen
{
	background-image:url(../images/circle_green.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.CircleRed
{	
	background-image:url(../images/circle_red.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.CircleWhite
{	background-image:url(../images/circle_white.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.CircleYellow
{	background-image:url(../images/circle_yellow.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.CircleBlue
{
	background-image:url(../images/circle_blue.png);
	background-repeat:no-repeat;
	font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
/*New class added by Prateek for R5 Query screens*/
.fillborder{
border-bottom: 1px #333333 solid;
border-top: 1px #333333 solid;
border-left: 1px #333333 solid;
border-right: 1px #333333 solid;
border-collapse:collapse;
}
.fillborder td{
border-bottom: 1px #333333 solid;
border-left: 1px #333333 solid;
border-right: 1px #333333 solid;
padding:2px;
padding-left:5px;
}
.fillborder_DataList{
border-bottom: 1px #333333 solid;
border-left: 1px #333333 solid;
border-right: 1px #333333 solid;
border-collapse:collapse;
}
.fillborder_DataList td{
border-bottom: 1px #333333 solid;
border-left: 1px #333333 solid;
border-right: 1px #333333 solid;
padding:2px;
padding-left:5px;
}
.greenbrd{border-top:1px solid #82a382;}
.user_grid {
font-family:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333; 
width:100%;
}
.user_grid th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
background:#c8ffc9;
border-bottom:1px #cccccc solid;
border-top:1px #cccccc solid;
text-align:center;
line-height:13px;
border-right:1px #cccccc solid;
vertical-align:middle;
height:20px;
}
.user_grid th a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
text-align:center;
line-height:13px;
vertical-align:middle;
text-decoration:none;
height:20px;
}
.user_grid th a:hover{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
text-align:center;
line-height:13px;
vertical-align:middle;
text-decoration:none;
height:20px;
}
.left-align{
text-align:left !important;
padding-left:10px;
}
.user_grid td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5 ;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}
/*----------RTU Responce Report Grid CSS--------------*/

.RtuGrid {
font-family:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;

border-collapse:collapse;
}
.RtuGrid th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
background:#c8ffc9;
border-bottom:1px #cccccc solid;
border-top:1px #cccccc solid;
text-align: center;
line-height:13px;
border-right:1px #cccccc solid;
vertical-align: top;
}
.RtuGrid th a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
text-align:center;
line-height:13px;
vertical-align:middle;
text-decoration:none;
height:20px;
}
.RtuGrid th a:hover{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
text-align:center;
line-height:13px;
vertical-align:middle;
text-decoration:none;
height:20px;
}
.RtuGrid td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5 ;
border-top:1px #cccccc solid;
border-right:1px #cccccc solid;
text-align:center;
line-height:20px;
}
.RtuGrid .alt td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#ffffff;
border-top:1px #cccccc solid;
text-align:center;
line-height:20px;
}

.NoBordGrid th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
background:#c8ffc9;
border-bottom:none !important;
border-top:1px #cccccc solid;
text-align: center;
line-height:13px;
border-right:1px #cccccc solid;
vertical-align: top;
height:20px;
}
.RowBG th{
font-size:10px !important;
color:#999 !important;
border-top:none !important;
font-style:italic;
height:15px !important;
}
.BotRow th
{
font-size:10px !important;
color:#999 !important;
border-top:none !important;
font-style:italic;
height:15px !important;
border-bottom:1px #cccccc solid !important;
}
.tablabel
{
    text-align:left;
    font-weight:bold;
}
.gridinfoAlarmPanel{
font-family:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
border-collapse:collapse;
border:1px #cccccc solid;
}
.gridinfoAlarmPanel th{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold  !important;
background:#c8ffc9;
border-bottom:1px #cccccc solid;
border-top:1px #cccccc solid;
text-align:center !important;
line-height:15px;
border-right:1px #cccccc solid;
vertical-align:middle;
height:20px;
}
.gridinfoAlarmPanel td{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
background:#feffd5;
border-top:1px #cccccc solid;
text-align:center;
line-height:15px;
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
vertical-align:top;
padding:1px 2px 1px 2px;
}
.gridinfoAlarmPanel .blue{
	background:#81daff !important;
}
.gridinfoAlarmPanel .green{
	background:#d5e6a2 !important;
}
.gridinfoAlarmPanel .orange{
	background:#ffbe7f !important;
}

.google_reportinput {
     
    border:1px solid #CCCCCC; margin:3px 0px 0px 0px;
    border-radius:3px;
    
    font-size: 13px;
    padding:3px;
    width: 200px;
}
.google_reportinput_textbox_error
{
    border-color: Red;
    border:1px solid Red; margin:3px 0px 0px 0px;
    border-radius:3px;
    font-size: 13px;
    padding:3px;
    width: 200px;
   
  
}
/*              new css     */
.radio_space{ padding:8px 0px 5px 0px;}
.radio_space ul{ list-style:none; display:table;}
.radio_space ul li{ float:left; padding:0px 5px 0px 1px; display:table-column;}

.SummaryReport_type{}
.SummaryReport_type table{ display:table;}
.SummaryReport_type table tr td{ display:table-cell; }
.SummaryReport_type table tr td input[type="radio"]{ position:absolute;   margin:1px 5px 0px 0px;   } 
.SummaryReport_type table tr td label{ padding:5px 0px 0px 0px;  margin:-5px 5px 0px 20px;     }
 
 
 /*-------------------------------------------------------------*/
 
  #chartdiv
        {
            width: 600px;
            height: 500px;
            background-color: #F4F4F3;
            box-shadow: 5px 5px 3px #888888;
            border-radius: 5px;
            border: 1px solid black;
        }
        .fixed-table-container
        {
            width: 100%;
            margin: auto;
            height: 480px;
            margin: 0px auto;
            background-color: white; /* above is decorative or flexible */
            position: relative; /* could be absolute or relative */
            padding-top: 1px;
            top: 0px;
            left: 0px;
            border-top: 1px solid #ccc;
        }
        .fixed-table-container-inner
        {
            padding: 28px 0px 0px 0px;
            overflow-y: scroll;
            height: 454px;
            text-align: left;
        }
        .header-background
        {
            background-color: #c8ffc9;
            height: 36px; /* height of header */
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
        }
        .th-inner a
        {
            position: absolute;
            top: 0;
            text-align: center;
            border-left: 1px #cccccc solid;
            padding-left: 5px;
            height: 30px;
            color: #333333;
        }
        .th-inner a:hover
        {
            position: absolute;
            top: 0;
            width: 20px;
            text-align: center;
            border-left: 1px #cccccc solid;
            padding-left: 5px;
            height: 30px;
            color: #FF6600;
            text-decoration: none;
        }
        .td-inner td
        {
            background: #feffd5;
            border-top: 1px #cccccc solid;
            border-left: 1px #cccccc solid;
            padding: 6px;
        }
        .td-inner-alt td
        {
            background: #ffffff;
            border-top: 1px #cccccc solid;
            border-left: 1px #cccccc solid;
            padding: 6px;
        }
        .first .th-inner
        {
            border-left: none;
            padding-left: 6px;
        }
        /* for hidden header hack to calculate widths of dynamic content */.hidden-head
        {
            min-width: 530px; /* enough width to show all header text, or bad things happen */
        }
        .hidden-header .th-inner
        {
            position: static;
            overflow-y: hidden;
            height: 0;
            white-space: nowrap;
            padding-right: 5px;
        }
        /* for complex headers */.complex.fixed-table-container
        {
            padding-top: 30px; /* height of header */
            overflow-x: hidden; /* for border */
        }
        .complex .header-background
        {
            height: 30px;
        }
        .complex-top .th-inner
        {
            border-bottom: 1px solid black;
            width: 100%;
        }
        .complex-bottom .th-inner
        {
            top: 30px;
            width: 100%;
        }
        .ac_current
        {
            width: 100px !important;
            padding: 16px !important;
        }