﻿@charset "utf-8";
/* CSS Document */
html,body{margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b;}
a{outline:none;}
#form1{min-height:100%; position:relative;}
#wrapper{height:100%;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,p{padding:0px; margin:0px;}
h1{background:url(../images/box_hdg_bg.gif) left top repeat-x; font-size:14px; text-transform:uppercase; color:#ffffff; float:left; line-height:26px; font-weight:normal; padding:0px 16px 0px 6px;}
h2{color:#00264c; font-size:22px; font-weight:bold;}
h2 span{color:#00264c; font-size:22px; font-weight:normal;}
h2 a{color:#acacac; font-size:18px; font-weight:normal; text-decoration:none;}

/******************************** header portion *******************************/
.header{background:url(../images/header_bg.gif) repeat-x; height:50px;}
a.logo{background:url(../images/logo.png) no-repeat; width:196px; height:29px; display:block; margin:-3px 0 7px;}
.header_right select{ font-size:11px; color:#00264c;}
.welcome{color:#00264c; height:22px;}
#site-message .welcome span{color:#fff; display:inline;}
#site-message .welcome em{color:#d9dee4; display:inline;}

.hedarw{position:absolute; top:0; right:15px;}
a.uparw{background:url(../images/uparow.gif) left top no-repeat; display:block; width:22px; height:16px;}
a.downarw{background:url(../images/downarow.gif) left top no-repeat; display:block; width:22px; height:16px;}


/******************************** nav portion *******************************/
/*.nav{background:url(../images/nav_bg.gif) repeat-x; height:50px; padding-top:5px; position:relative;}
.nav ul{padding:0px; margin:0px; list-style:none;}
.nav ul li{padding:0px 0px 0px 0px; margin:0px 13px 0px 0px; float:left; display:block;  height:30px;}
.nav ul li a{font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; padding:6px 8px 0px 11px; float:left; display:block; height:20px;}
.nav ul li li a{ float:none;}
.nav ul li span{float:left; display:block; width:6px;}
.nav .paddltrt{padding:0 10px;}*/
#site-message{width: 100%;}
#site-message span{display: block; padding:0;}
div.site-message-fixed{left:0px; position:fixed; top:0px;Z-index:9999}

/*.nav ul li.active{background:url(../images/hover_arrow.png) no-repeat center bottom;}
.nav ul li.active a{background:url(../images/navhvr_bg_lt.png) no-repeat}
.nav ul li.active span{background:url(../images/navhvr_bg_rt.png) no-repeat; height:26px;}
.nav .nav_right{padding-top:7px;padding-right:60px;}
.nav .nav_right a{color:#f2f1f1; text-decoration:none; padding:0px 2px;}
.nav .nav_right a:hover{color:#fff;}*/

/******************************** subnav portion *******************************/
.subnav{ background:url(../images/subnav_bg.gif) repeat-x; height:28px;}
.subnav ul{ padding:0px; margin:0px; list-style:none; padding:0px 0px 0px 20px;}
.subnav ul li{ padding:0px 1px 0px 0px; margin:0px 17px 0px 0px; float:left; display:block;}
.subnav ul li a{ color:#6b6b6b; text-decoration:none; height:17px; float:left; display:block; padding:2px 6px 0px 7px;}
.subnav ul li a:hover{ color:#00264c;}
.subnav ul li.active{ background:url(../images/subnav_hvr_rt.png) no-repeat right top;}
.subnav ul li.active a{ background:url(../images/subnav_hvr_lt.png) no-repeat;  color:#00264c; font-weight:bold;}

/******************************** content portion *******************************/
.content{background:url(../images/bg.gif) repeat-x; padding:22px 0px 15px 0px;}
.top_lt{background:url(../images/box_top_lt.png) left top no-repeat; width:5px; height:26px; float:left; font-size:0; line-height:0;}
.top{background:url(../images/box_top.png) left top repeat-x; height:26px; overflow:auto; font-size:0; line-height:0;}
.top_rt{background:url(../images/box_top_rt.png) right top no-repeat; width:5px; height:26px; float:right; font-size:0; line-height:0;}

.box_lt{background: #f1f0f0 url(../images/box_bg.gif) top left repeat-x;}
.box_rt{background: #f1f0f0 url(../images/box_bg.gif) top left repeat-x;}
.box_bg{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x; height:240px; padding-top:5px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;}
.box_bgBig{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x; min-height:210px; padding-top:20px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;}
.box_bg_min_height{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x; min-height:50px;  padding-top:20px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;  overflow:auto;}
.box_bgheight{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x; min-height:240px; padding-top:20px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;}
.divbox_bgheight_scroll{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x; min-height:160px;height:260px; padding-top:20px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;
                        overflow:auto;
                        }
.divbox_bg_scroll{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x; height:240px; padding-top:5px;border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;    overflow:auto;}
.divbox_bg_scroll_WithOutHeight{background:#f1f0f0 url(../images/box_bg.gif) top left repeat-x;  padding-top:5px;border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left;    overflow:auto;}
.btm_lt{background:url(../images/box_btm_lt.png) left top no-repeat; width:5px; height:5px; float:left; font-size:0; line-height:0;}
.btm{background:url(../images/box_btm.png) left top repeat-x; height:5px; overflow:auto; font-size:0; line-height:0;}
.btm_rt{background:url(../images/box_btm_rt.png) right top no-repeat; width:5px; height:5px; float:right; font-size:0; line-height:0;}


.top span.box_rt{ background:url(../images/box_hdg_rt.gif) no-repeat; width:33px; height:26px; float:left; display:block;}
.line_graph_txt{ color:#77878f; font-size:10px; text-transform:uppercase;}
.bluebg{ background:url(../images/blue_strip.gif) no-repeat; width:281px; height:20px; padding:2px 0px 0px 10px; text-align:center; color:#fff;}
.graybg{ background:url(../images/gray_strip.gif) no-repeat; width:281px; height:20px; padding:2px 0px 0px 10px; text-align:center; color:#fff;}

/******************************** footer portion *******************************/
.footer{background:#00264c; height:29px; color:#9aa6b4; width:100%; bottom:-25px; float: left;}

/**************************** inner Page *************************************/
.inner_lt{background:url(../images/cnt_top_lt.png) left top no-repeat; width:8px; height:7px; float:left; font-size:0; line-height:0;}
.inner_rt{background:url(../images/cnt_top_rt.png) right top no-repeat; width:8px; height:7px; float:right; font-size:0; line-height:0;}
.inner_top{background:#ffffff; height:7px; overflow:auto; font-size:0; line-height:0;}

.profile{  background: #fff;}
.profile h2{ background:url(../images/profile_icon.gif) no-repeat; padding-left:40px; padding-bottom:5px; margin-top:8px;}

/**************************** left step navigation *************************************/
.left_nav{background:url(../images/lt_step_shadow.gif) no-repeat top right; width:140px;}
.left_nav a{background:url(../images/steps_spritebg.gif) left top no-repeat; display:block; width:110px; height:35px; margin-bottom:6px; color:#c9c9c9; font-size:14px; font-weight:bold; text-decoration:none;cursor:pointer;}
.left_nav a p{padding:8px 0 0 30px;}
.left_nav a p, .left_nav a span{float:left;}
.left_nav a span{font-size:47px; display:block; line-height:36px; color:#dbdbdb; padding-left:8px;}
.left_nav a.activestep{background-position:0px -40px; color:#ffffff; cursor:pointer; }
.left_nav a.activestep p{color:#ffffff;}
.left_nav a.activestep span{color:#9eabb7;}
.left_nav a.pendstep{background-position:0px -80px; color:#ffffff;cursor:pointer;}
.left_nav a.pendstep p{color:#ffffff;}
.left_nav a.pendstep span{color:#cfd5dc;}
/*******Notifications****************/
.left_nav_big{width:195px;}
.left_nav_big a{background:url(../images/steps_spritebg.png) left top no-repeat; display:block; width:170px; height:35px; margin-bottom:6px; color:#c9c9c9; font-size:14px; font-weight:bold; text-decoration:none;cursor:pointer;}
/***********************************/
.chain_line{ }
.chain_line h3{background:url(../images/rt_title.gif) right top no-repeat; color:#fff; font-size:15px; margin-left:10px; float:left;}
.chain_line h3 span{background:url(../images/lt_title.gif) left top no-repeat; display:block; float:left; padding:5px 24px;}

.form{color:#000000;}
.form td{padding:5px 0; text-align: left;}

/*.form td td{padding-left:0;}*/
.form span{color:#3f4142; padding-right:3px; padding-top:6px; display:inline-block;font-size:12px;padding-left:35px;}
/*font-size:11px; padding-right:15px;}*/

.form label{color:#3f4142; padding-right:15px; padding-top:6px; display:inline-block;}
.form .small{font-size:11px; padding-right:15px;}
/*input, textarea{border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}*/
input, textarea{padding:3px;}
select{border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form span.nobrd{border:0;padding-left:0}
.form span.nobrd input{border:0;padding-left:0}
.form td.nopadd span{padding:0;margin:0px;}

/*.input130{width:130px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.input505{width:503px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.input241{width:241px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.input180{width:180px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.input160{width:160px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.input155{width:155px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.input span{border:0}

.select130{width:140px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.select190{width:190px;color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.inputheight180{width:180px;height:10px;line-height:10px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.inputheight100{width:90px;height:10px;line-height:10px;border-top:1px solid #7c7d7e; border-left:1px solid #7c7d7e; border-bottom:1px solid #dadbdb; border-right:1px solid #dadbdb; color:#000; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
*/
.input60{width:60px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input75{width:75px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input85{width:85px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif;}
.input80{width:80px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input100{width:100px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input125{width:125px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input150{width:150px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input175{width:175px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input180{width:180px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input190{width:190px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input200{width:200px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input240{width:240px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input300{width:300px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input350{width:350px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input400{width:400px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }
.input900{width:755px; border-right: #000000 1px solid; padding-right: 4px; border-top: #000000 1px solid; padding-left: 4px; font-size: 9pt; padding-bottom: 1px; border-left: #000000 1px solid; color: #000000; padding-top: 1px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; }

/*Added start By Amit JI Due to select box small width*/
.select50{width:60px}
.select75{width:85px}
.select85{width:95px}
.select80{width:90px}
/*Added end By Amit JI Due to select box small width*/
.select100{width:110px}
.select125{width:135px}
.select150{width:160px}
.select175{width:185px}
.select180{width:195px}
.select191{width:191px}
.select200{width:200px}
.select400{width:410px}
.select162{width:162px}

.btn{border:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative;
   /* text-align: right ;*/
}

.gray
{
    background-color:#BCC6CC;
    }

input.button{border:none; background:url(../images/submit_btn_lt.gif) left top no-repeat; color:#fff; height:30px; position:relative; left:3px; padding:0 0 5px 0; font-size:15px; font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.btn_rt{position:absolute; display:inline; width:7px; height:30px; background:url(../images/submit_btn_rt.gif) left top no-repeat;}

input.button:focus { 
    outline: none; 
}

/*********************** popup *****************************/
.popup{position: absolute; top:170px; right:0;}
.popup a.tasks{background:url(../images/tasks_tab.png) no-repeat; width:23px; height:83px; display:block;}

.pop_top_lt{background:url(../images/popup_top_lt.png) no-repeat; width:7px; height:7px;}
.pop_top{background:url(../images/popup_top.png) repeat-x; height:7px;}
.pop_btm_lt{background:url(../images/popup_btm_lt.png) no-repeat; width:7px; height:7px;}
.pop_btm{background:url(../images/popup_btm.png) repeat-x; height:7px;}
.pop_bg{background:url(../images/popup_bg.gif) repeat-x #e5ebf1; border-left:5px solid #b1bac6;}
.pop_bg ul{padding:10px 0px 10px 10px; margin:0px; list-style:none;}
.pop_bg ul li{padding:0px 0px 10px 0px; margin:0px; background:url(../images/popup_arrow.png) no-repeat 0px 5px; padding-left:7px;}
.pop_bg a{font-size:13px; color:#0d2c4c;}

/*********************** 15 June 2011 *****************************/
.clear{clear:both;}
.rowcolor{background:#f5f6f8;}
.rowcolor td{border-bottom:1px solid #e4e7ef;}
.rowcolor td td{border:0;}

input.button{border:none; background:url(../images/submit_btn_lt.gif) left no-repeat; color:#ffffff; height:30px; position:relative; left:10px; padding-left:10px;padding-right:10px; font-size:14px; font-weight:bold; padding-bottom:4px;}
.buttonEnding{position:absolute; display:inline; width:10px; height:30px; background:url(../images/submit_btn_rt.gif) left no-repeat;}

/************************ 16 June 2011 (Vlidations) ******************/
.validation{color:Red;}

/************************ Popup Window ******************************/
.backgroundPopup
        {
            display: none;
            position: fixed;
            _position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: #000;
            border: 1px solid #cecece;
            z-index: 1;
             opacity:0.5;   /*      spadez gk, ie-10 issue*/
     
                       

        }
        .divForegroundPopUp
        {
            z-index: 101;
            display: none;
            background-color: #eee;
        }
 /************************ GridView ******************************/       
.grid{ border:1px solid #00264c; background:#fff; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#5e5d5d;}
.grid td{ height:29px; padding-left:10px; text-align:left;}

.heading{ background:url(../images/grip_top_bg_edit.png) repeat-x #00264C; height:29px; color:#fff; font-weight:bold;}
.grid tr.heading td{ border-left:0px;}
.grid tr.heading td span{ color:white;}
.altcolor{ background:#fafafa; text-align:left}
.grid .selection{ background:#d9e0e7;}
.heading a {color: white!important; text-decoration:none;}
.grid th{text-align:left; padding-left:10px;}

/*************************** For Empty Grid Tempelate *************/
.gridEmpty{ border:1px solid #00264c; background:#fff; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#5e5d5d;}
.gridEmpty td{ padding:0px; text-align:left;}


/******************For GridView td rigth align*************************/
.gridnew{ border:1px solid #00264c; background:#fff; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#5e5d5d;}
.gridnew td{ height:29px; padding-left:10px; padding-right:10px;}
.gridnew tr.heading td{ border-left:0px;}
.gridnew .selection{ background:#d9e0e7;}
.gridnew th{text-align:left; padding-left:10px;}

/************************* Overlay ********************************/
#overlay
{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;    
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: gray;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

#overlayGrid
{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;    
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: darkgrey;
    opacity: 0.9;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

/****************** Pager *************************************/

.PagerRowStyle
{
    background-color: #00264C;
    text-align: right;
    font-size:16px;
}

.PagerCurrentPage
{
	background-color: Yellow;
	padding:0 4px;
	margin:0 5px;
}

.PagerOtherPage
{
	padding:2px
}
.PagerOtherPage a
{
    color:#ffffff;
    }

/*********************** Login Page *****************************/
html{height:100%;}
.clear{clear:both; /*font-size:0; line-height:0; height:0;*/}
body.login_bg{background:#00264c url(../images/login_bg.gif) right bottom no-repeat;}

.section_bg{background:url(../images/section_bg.png) right top repeat; height:274px; margin-top:160px; width:100%; }
.section_container{background:url(../images/shad_bg.png) center center no-repeat; height:274px; width:960px; margin:0 auto;  }

.login_logo{margin:70px 0 0 30px; float:left;}
.login_logo a{background:url(../images/login_logo.png) left top no-repeat; display:block; width:384px; height:117px;}

.login_form{width:422px; float:right; color:#fff; padding-top:15px;}
.login_form label{font-size:16px; font-weight:bold; float:left; padding:10px 0 0 0;}
.login_form input{border:none; width:185px; height:27px; line-height:27px; margin:5px 0 0 5px; padding:0;}

.login_form a{color:#fff; font-size:11px;}
.login_form a:hover{text-decoration:none;}
.login_form input.btn{background:url(../images/login_btn.png) left top no-repeat; width:95px; height:53px; cursor:pointer;}
input.btnsubmitforget{border:none; background:url(../images/submit_btn.png) left top no-repeat; color:#ffffff; width:95px; height:53px; cursor:pointer;}
input.btncancelforget{border:none; background:url(../images/cancel_btn.png) left top no-repeat; color:#ffffff; width:95px; height:53px; cursor:pointer;}

.footer_link{color:#fff; text-align:right; padding:7px;}

.errorMessage
{
	color:#E60000;
	font-weight:bold;		
}

.Divmessage
{
	position:absolute; 
	top:20%;
	left:35%;
	display:none;
}

.linkbtn
{
    color:#5e5d5d;cursor:pointer;
    text-decoration:underline;
    }
    
.menulnk
{
    cursor:pointer;
    }
    
    
/**********DHTML Window***************/
.dhtmlwindow{position:absolute;border:2px solid #000;visibility:hidden;background-color:#FFF}
.drag-handle{font:bold 14px Arial;background-color:#CA0000;color:#FFF;cursor:move;overflow:hidden;width:auto;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;padding:2px 10px 4px; text-align:left; font-size:16px;}
.drag-handle .drag-controls{position:absolute;right:1px;top:2px;cursor:pointer}
* html .drag-handle{width:100%}
.drag-contentarea{color:#000;height:150px;overflow:auto;padding:0px}
.drag-contentarea iframe{border:0}
.drag-statusarea{border-top:1px solid gray;background-color:#F8F8F8;height:13px}
.drag-resizearea{float:right;width:100%;height:13px;cursor:nw-resize;font-size:0}
/****************************************/

/******************* Right Popup *************************/

.task_container{position:fixed; top:170px; right:0; width:auto;}
.task_title{width:30px; height:96px; float:left;}
.task_title a{background:url(../images/rttitle.gif) left top no-repeat; display:block; width:30px; height:96px;}
.task_contenttp{background:url(../images/rttpbg.gif) left top no-repeat; padding-top:11px; float:left;}
.task_contentbt{background:url(../images/rtbtbg.gif) left bottom no-repeat; padding-bottom:11px;}
.task_contentmid{background:#f0f4f4 url(../images/rtmidbg.gif) left top repeat-x; border-left:5px solid #59708c; padding:7px 12px;}
.task_contentmid a{color:#0d2c4c; font-size:13px;}
.task_contentmid .arw{background:url(../images/rtarrow.gif) left 9px no-repeat; display:block; color:#0d2c4c; font-size:13px; line-height:25px; padding-left:15px;}
.label_screenControls
{
    padding:0px;
    margin:0px;
    color:Black;
    font-weight:bold;
    font-size:14px;
}

.td_screenControls
{
    padding:0px;
    margin:0px;
    color:white;
    font-weight:bold;
    font-size:15px;     
    background:gray;
    height:21px;
}


.ErrorMsg
{
    color:Red;    
}

/******************* Pending Approval Image *************************/
/**.graph_container{font-family:Arial, Helvetica, sans-serif;}
.graph_bg{ background:url(../images/graph_bg.png) no-repeat; width:155px; height:155px; margin:0 auto; position:relative; margin-top:50px}
.graph_bg a{ color:#fff; text-decoration:none; font-size:11px; display:block; font-weight:bold;}
.graph_bg span{ color:#fff; text-decoration:none; font-size:11px; display:block; font-weight:bold;}
a.disbursement{ position:absolute; left:70px; top:8px;}
a.final{position:absolute; left:14px; top:40px; color:#00264c;}
a.manager{position:absolute; left:27px; top:110px;}
a.credit{position:absolute; left:95px; top:117px;}
a.special{position:absolute; right:7px; top:60px;}
.description{ float:right; font-size:12px; color:#6f6f70;}
.description ul, .description ul li{ list-style:none; padding:0px; margin:0px;}
.description ul{ padding-top:50px;}
.description ul li{ padding-bottom:3px;}
.description ul li span{ float:left; display:block; border:1px solid #000; width:10px; height:10px; margin:2px 5px 0 0;}
.description ul li span.disburs_arrow{ background:#00264c;}
.description ul li span.final_arrow{ background:#d6e0ec;}
.description ul li span.manager_arrow{ background:#59708c;}
.description ul li span.credit_arrow{ background:#3672ba;}
.description ul li span.special_arrow{ background:#1b4c87;}
span.disbursement{ position:absolute; left:70px; top:8px;}
span.final{position:absolute; left:14px; top:40px; color:#00264c;}
span.manager{position:absolute; left:27px; top:110px;}
span.credit{position:absolute; left:95px; top:117px;}
span.special{position:absolute; right:7px; top:60px;} **/

.graph_container{font-family:Arial, Helvetica, sans-serif;margin-top:5px}
.graph_bg{ background:url(../images/graph_bg.png) no-repeat; width:248px; height:245px; margin:0 auto; position:relative;}
.graph_bg a{ color:#fff; text-decoration:none; font-size:11px; display:block; font-weight:bold;}
a.disbursement{ position:absolute; left:115px; top:17px;}
a.final{position:absolute; left:29px; top:69px; color:#00264c;}
a.manager{position:absolute; left:46px; top:178px;}
a.credit{position:absolute; left:158px; top:193px;}
a.special{position:absolute; right:19px; top:98px;}

.graph_bg span{ color:#fff; text-decoration:none; font-size:11px; display:block; font-weight:bold;}
span.disbursement{ position:absolute; left:115px; top:17px;}
span.final{position:absolute; left:29px; top:69px; color:#00264c;}
span.manager{position:absolute; left:46px; top:178px;}
span.credit{position:absolute; left:158px; top:193px;}
span.special{position:absolute; right:19px; top:98px;}

.graph_bg.disbursement_red{ background-position:0 -254px;}
.graph_bg.final_red{ background-position:0 -508px; color:#fff;}
.graph_bg.manager_red{ background-position:0 -763px;}
.graph_bg.credit_red{ background-position:0 -1020px;}
.graph_bg.special_red{ background-position:0 -1274px;}

.description{ position:absolute; top:0; left:0;font-size:12px; color:#6f6f70;}
.description ul, .description ul li{ list-style:none; padding:0px; margin:0px; position:absolute; top:0; left:0;}
.description ul li.disburs_title{ left:86px; top:-15px;}
.description ul li.final_title{ left:-22px; top:68px;}
.description ul li.manager_title{ left:-15px; top:200px;}
.description ul li.credit_title{ left:190px; top:220px;}
.description ul li.special_title{ left:245px; top:99px;}

/*************************** ToolTip ******************************************/
/*
#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border:1px solid;
    background:white;
    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:dimgray;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}
*/
.displaynone{position:absolute; top:-1200px}
@media print {
  .toprint{position:relative;}
}

#tooltip {display:none;position:absolute;border:solid 1px;background:#fff;}

.hiddenGridViewColumn
{
    display: none;
}

.btnstuff{float:left; background:url(../images/submit_btn_lt.gif) 0 0 no-repeat;}
.btnstuff input[type=submit]{float:left; background:url(../images/submit_btn_rt.gif) right 0 no-repeat; height:30px; border:none; cursor:pointer; padding:0 15px 1px 13px; color:#fff; text-transform:uppercase;}
.btnstuff input[type=button]{float:left; background:url(../images/submit_btn_rt.gif) right 0 no-repeat; height:30px; border:none; cursor:pointer; padding:0 15px 1px 13px; color:#fff;  text-transform:uppercase; }




.OFACNeggative .lableofaccheck{float:left; width:98%; padding:5px 1% 0; background:#fff; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
.OFACNeggative .totalOfac{float:right; color:#29537d; font-size:13px; padding:5px 10px; font-weight:bold;}
.OFACNeggative #Loader{float:right; margin:3px 15px 0 0;}
.OFACNeggative #showingResult{float:left; color:#29537d; font-size:15px; padding:5px 10px; font-weight:bold; margin:-3px 15px 0 25px;}

.OFACCheckList{border:1px solid #000;}
.OFACCheckList span#lableofaccheck{float:left; text-align:left; color:#fff; padding:5px 10px; font-size:13px; background:#29537d; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}


.OFACCheckList table td.addressblock{font-size:10px;}

.NegativeCheckList{border:1px solid #000;}
.NegativeCheckList span#LabelNegativeChecklist{float:left; color:#fff; padding:5px 10px; font-size:13px; background:#29537d; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}


.NegativeCheckList table td.addressblock{font-size:10px;}

#validateOfac{width:96%; padding:1% 2%; float:left; background:#fff;  border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;}
#validateOfac span#label_reason{float:left; width:58px; text-align:left;}
#validateOfac textarea{width:585px; height:45px; float:left;}
#validateOfac .submitBtn{float:right; margin-top:15px;}

/*************************** overlayOFAC ******************************************/
#overlayOFAC
{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;    
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: gray;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
/*************************** END ******************************************/

.progressblocks{list-style:none; position:absolute; width:100%; padding-left:0; margin:0;}
.progressblocks li{float:left; width:49.5%; color:#fff; text-align:center;}
.progressblocks li+li{border-left:1px solid #fff; color:#000;}

/*error page css starts here*/
    .wrapper {width: 960px; margin: 0 auto;}
    .error_logo{ background: url("../images/section_bg.png") repeat scroll right top rgba(0, 0, 0, 0);  margin: 60px auto;
    width: 390px;}
    .error_logo a{background:url(../images/login_logo.png) left top no-repeat; display:block; width:384px; height:117px;}
    
    .error_exclamation {text-align: center; font-size: 60px; color: #fff; font-weight: normal; font-family: 'Belgrano', serif; text-shadow: 0 5px 5px #000;}
    .text_center {text-align: center;}
    
    .error_message {text-align: center; font-size: 20px; width: 49%; margin: 60px auto; color: #fff; font-family: 'Roboto Slab', serif;}
    .error_button {text-decoration: none; font-size: 20px; text-transform: uppercase; color:#00264c; font-family: 'Armata', sans-serif; background: url("../images/error_page_btnbg.png") repeat-x; text-shadow: 0 1px 1px #000; padding: 26px 20px; border-radius: 6px;}
    .error_button:hover {color: #1a3c5e;}
/*error page css ends here*/

.popupBody { border-radius: 10px; padding: 10px 0 10px 10px; background: #fff; box-shadow: 0px 0px 5px #333; border: solid 2px #333; }
.close1
{
    cursor: pointer;
    display: block;
    background: #e6e6e6;
    margin-top: 0px;
    color: #303133;
    padding: 3px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
}
.popupInner {max-height: 300px; overflow-x: auto; margin-top: 15px; clear: both; width: 100%;}

.summeryDetails {
padding:15px 10px; display: block; background: #dcdcdc; border: gray solid 1px; margin: 5px 0 10px 0;}
    .summeryDetails span { float: left;
    /*margin-right: 10px;*/}

.button-end-style{position: relative;}
.height45 {
height: 45px; clear: both;}

/************************************* RED CSS ************************************/
.top span.box_rt_red{ background:url(../images/box_hdg_rt_red.gif) no-repeat; width:33px; height:26px; float:left; display:block;}
.top_lt_red{background:url(../images/box_top_lt_red.png) left top no-repeat; width:5px; height:26px; float:left; font-size:0; line-height:0;}


/**********20150722***********/

.label-style {
    width: 120px!important;
}
    .label-style span {
    font-weight: normal;
    padding-left: 10px !important;
    padding-top: 0 !important;
    line-height:19px;
}
.updateTargets_btn  {
    padding:10px 0 0;
    text-align:center;
}
.marginLeft10 {
    margin-left:10px;
}
.textarea-width {
        width:152px;
        border:1px solid #000;
    }
.innerTable_userindividual {
    /*background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #cfcfcf;*/
    float: left;
    margin-left: 10px;
}
.innerTable_userindividual ul li {
	border: 1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px !important;
    float: left;
    font-size: 14px;
    list-style-type: none;
    margin-right: 20px;
    width: auto;
    margin-bottom:10px;
}
.compensation-label {
    color: #3f4142;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    width: 120px;
}
.loan-form-setting {
    border-top: 2px solid #0d2c4c;
    margin-top: 20px;
    padding: 10px 0;
}
.m-t-20 {
    margin-top: 20px;
}

.dhtmlwindow{
position: fixed !important; z-index: 9999 !important; top:60px !important;}


.frame{float:left; width:100%; background:#fff;}




#dhtmlwindowholder .dhtmlwindow .drag-contentarea {
    height:72vh !important;
}

form#form1,
#PdfViewer,
#forpdf_nodata span#PdfViewer,
#PdfViewer object,
form#form1 #PdfViewer object embed {
    height: 100% !important;
}

html, body, #PdfViewer, #PdfViewer object, #PdfViewer embed {
    height: 100%;
    width: 100%;
}

#PdfViewer,
#PdfViewer object,
#PdfViewer embed {
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
    border: none !important;
    display: block !important;
}


#form1 table td.content {
    background:transparent; 
}

.page_head a#a_clientname {
    cursor: pointer;
}