@charset "utf-8";
/* CSS Document */

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

img{
	border:none;
}
a{outline:none;}
html, body{
width: 100%;
height: 100%;
display: block;
position: relative;
font-size: 100%;    
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
} 
body{
	/*background-color:#ffffff;*/
	/*background-image:url(../images/page_bg2.gif);
	background-repeat:repeat-x;*/
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
}
#main{
	width:100%;
	margin:0 auto;

}
#header{
	width:100%;
	/*height:120px;*/
	height:90px;
	margin:0 0 0 0;
	/*padding:0 15px 0;*/
	float:left;
	/*background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;*/
	background-color:#787878;
}
#header .logo{
	/*width:60%;*/
	width:660px;
	height:auto;
	/*margin:10px 0 0 0;*/
	margin: 10px 0px 0px 20px;
	padding:0 0 0 0;
	float:left;
	border:0px solid red;
}
#header .logo .logo_main{
	float:left;
	/*padding:10px 0 0 10px; */
	padding:0;
}

#header .logo .title{
	color:#FFFFFF;
	/*color:#929292*/
	font-family:Arial;
	font-size:18px;
	padding:0px 0 0 60px;	
}

#header .logo .sub-title{
	/*color:#929292;*/
	color:#FFFFFF;
	font-family:Arial;
	font-size:16px;
	padding:0px 0 0 60px;	
}

#header .leftbox {
	border: 0 solid red;
	float: right;
	height: auto;
	margin: 0;
	padding: 0;
	width: 40%;
}
/*#header .leftbox div{
	width:525px;
	height:auto;
	float:left;
	border:0px solid red;
	color:#a8a4a4;
}*/
#header .leftbox .TopLeft_container {
	border: 0 solid red;
	color: #A8A4A4;
	float: left;
	height: auto;
	width: 85%;
}
#header .leftbox .TopLeft{
	width:341px;
	height:auto;
	margin:0 0 0 0;	
	padding:5px 0 0 0;
	float:left;
	font-weight:bold;
}
.TopRight a, .TopRight a:active, .TopRight a:visited{
	color:#CCC;
	/*float:left;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;

}
.TopRight a:hover{
	color:#fff;
	/*float:left;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
#header .TopRightMenu{
	width: 310px;
	/*width:250px;*/
	height:auto;
	margin:30px 0 0 0;	
	/*padding:5px 5px 0 5px;*/
	/*float:right;*/
	/*text-align:left;*/
	position: absolute;
    z-index: 103;
    /*right: 0;*/
    
    /*float: left;*/
    /*left: 635px;*/
    left: 643px;
    text-align: right;
}
#header .TopRight{
	width:310px;
	height:20px;
	margin:70px 0 0 0;	
	padding:5px 5px 0 5px;
	float:right;
	text-align:left;
}
/*#header .leftbox .TopRight{
	width:100%;
	height:20px;
	margin:0 0 0 0;	
	padding:5px 5px 0 5px;
	float:right;
	text-align:left;
}*/
.sign_container {
	border: 0 solid red;
	display: inline;
	float: left;
	height: auto;
	margin: 0;
	padding: 5px 0 0;
	width: 240px;
}
/*Footer Start*/
#footer{
	width:100%;
	height:73px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-color:#333333;
	background-position:center top;
}
.footer_main{
	width:100%;
	margin:auto;

}
.footer_left{
	width:290px;
	height:auto;
	margin-top:30px;
	padding:0 0 0 15px;
	float:left;
	color:#666666;
}
.footer_right{
	width:295px;
	height:auto;
	margin-top:30px;
	padding:0 0 0 0;
	float:right;
	color:#666666;
}
.footmenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a2a2a2;
	text-decoration:none;
}
.footmenu a, .footmenu a:active, .footmenu a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a2a2a2;
	text-decoration:none;
}
.footmenu a:hover{
	color:#ffffff;
}
/*Footer End*/
/*main_Container start*/
#main_Container{
	width:100%;
	/*width:973px;*/
	height:auto;
	float:left;
	margin:5px 0 0 0;
	/*padding:10px 15px 12px 10px;*/
	padding:20px;
	border:0px solid red;
}
/*Iner Table style start*/
.list {
	border-collapse:collapse;
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	width:100%;
	text-align:left;
}
.list td {
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.list td a , list td a:active , .list td a:visited{
	/*border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;*/
	color:#000;
	text-decoration:none;
}
.list td a:hover{
	/*border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;*/
	color:#666;
	text-decoration:none;
}
.list thead td {
	background-color:#ececec;
	/*background-color:#EFEFEF;*/
	padding:0 5px;
	text-align:left;
	
}
.list thead td a, .list thead td {
	color:#222222;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
}
.list tbody a {
	text-decoration:underline;
}
/*.list tbody td {
	padding:0 5px;
	vertical-align:middle;
}*/
.list tbody td {
	font-size:11px;
	line-height:26px;
	padding:0 0 0 5px;
	vertical-align:middle;
}
.list .left {
	padding:7px;
	text-align:left;
}
.list .right {
	padding:7px;
	text-align:right;
}
.list .center {
	padding:7px;
	text-align:left;
	/*text-align:center;*/
}
.list .asc {
	background:transparent url(../images/asc1.png) no-repeat scroll right center;
	/*background:transparent url(../images/desc.png) no-repeat scroll right center;*/
	
	padding-right:10px;
}
.list .desc {
	background:transparent url(../images/asc1.png) no-repeat scroll right center;
	
	padding-right:15px;
}
.list .filter td {
	background:#E7EFEF none repeat scroll 0 0;
	padding:15px;
}
/*Iner Table style End*/
/*menu start*/
#top_menu{
	width:100%;
	/*background-color:#EAEAEA;*/
	background-color:#000000;
	height:68px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	border-bottom:0px solid #c6c6c6;
	z-index:102;
}
.menu 
{
    position:relative;
	height:68px;
	margin:0px;
	padding:0px;
	width:100%;
	border:0px solid black;
}

/*23.12.2010 style start*/
.main_Container_Left{
	/*width:23%;*/
	width:21%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*padding-left:20px;*/
	/*padding:10px 15px 12px 10px;*/
	border:0px solid red;
	overflow: visible !important;
}

/*13-01-2014*/
.main_Container_Left_SendEmail
{
    width:21%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*padding:10px 15px 12px 10px;*/
	border:0px solid red;
}

.main_Container_Left_Pane
{
    width:21%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*padding:10px 15px 12px 10px;*/
	border:0px solid red;
}




.main_Container_Right{
	/*width:710px;*/
	height:auto;
	/*float:right;*/
	float:left;
	/*padding:10px 15px 12px 10px;*/
	border:0px solid green;
	width:75%;
	z-index:900;
	/*width: 670px;*/
	/*width:895px;*/
	/*margin-left: 20px;*/
}
.main_Container_BoxLeft{
	width:220px;
	/*width:auto;*/
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:10px 0 10px 4px;
	/*padding:10px 15px 12px 10px;*/
	border:1px solid #CCC;
	/* 13-01-2014 Added the following to keep the search pane fixed */
	/*z-index: 1000;*/
	z-index: 1;
    position: relative;
    background-color: #ffffff;
}
.flied_text1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}


/* sandeep Form elements start */

select.flat, textarea.flat, input.flat, 
select.error, textarea.error, input.error,
textarea.code { 
border-style: solid;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

select.flat, textarea.flat, input.flat,
textarea.code { 
border-color : #B3BDC4;
background : #ffffff;
}

select.error, textarea.error, input.error { 
/*border-color : #9DBDE5;
background : #ffcc00;*/
}

select.flat, textarea.flat, input.flat, 
textarea.code, textarea.code-gray {
/*font-family: "Verdana", "Arial", "Helvetica", "sans-serif", monospace;*/
font-family:Arial, Helvetica, sans-serif;
font-size: 11px; 
/*line-height: 35px;*/ 
/*color: #6A6A6A;*/
}

textarea.code-gray {
	border-style: solid;
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	color: red;
}
.boxcheck{
	width:40px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
	border:1px solid #b5b5b5;
	
}
/* sandeep Form elements End */

.popupout{
	width:359px;
	height:300px;
	float:left;
	margin:0px;
	padding:0px;
	
	}
.popuptop{
	width:359px;
	height:47px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/popuptop.png);
	background-position:left top;
	background-repeat:no-repeat;
	
	}
.popupmid{
	width:359px;
	height:229px;
	float:left;
	margin:0px;
	padding:0px;
	
	}
.popupmidbg{
	width:315px;
	height:229px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/popupmidbg.png);
	background-position:left top;
	background-repeat:repeat-x;
	}

.popupmid1{
	width:24px;
	height:229px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/popupmid1.png);
	background-position:left top;
	background-repeat:no-repeat;
	
	}
.popupmid2{
	width:20px;
	height:229px;
	float:left;
	margin:0px;
	padding:0px;
	background-image: url(../images/popupmid2.png);
	background-position:left top;
	background-repeat:no-repeat;
	
	}
.popupbot{
	width:359px;
	height:25px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/popupbot.png);
	background-position:left top;
	background-repeat:no-repeat;

	}
.signinhradingout{
	width:299px;
	height:38px;
	float:left;
	margin:0px 0 0 10px;
	padding:0px;
	
}

.signheading{
	width:268px;
	height:38px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/signin.png);
	background-position:left top;
	background-repeat:no-repeat;
	
}
.close{
	width:29px;
	height:38px;
	float:left;
	margin:0x;
	padding:0px;
}
.username{
	width:299px;
	height:17px;
	float:left;
	margin:8px 0 0 10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
.textfildbg{
	width:292px;
	height:32px;
	float:left;
	margin:5px 0 0 10px;
	padding:0px;
	background-image:url(../images/textfild.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
}
.textfild1{
	width:278px;
	height:21px;
	float:left;
	margin:8px 0 0 9px;
	padding:0px;
	border:none;
	outline:none;
	line-height:27px;
	}
.forgot{
	width:116px;
	height:29px;
	float:left;
	margin:10px 0 0 55px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:underline;
	
}


.ssubmit{
	width:127px;
	height:33px;
	float:left;
	margin:6px 0 0 0;
	padding:0px;
}

.textfildbg2{
	width:292px;
	height:32px;
	float:left;
	margin:5px 0 0 10px;
	padding:0px;
	background-image: url(images/textfild2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
}
/* Popup Box start 27.12.2010*/
.popupContainer{
	width:284px;
	height:auto;
	margin:200px 0 0 15px;
	padding:0 0 0 0;
	float:left;
	border:0px solid red;
}
.popupTop{
	background-image:url(../images/popup_top.png);
	background-repeat:no-repeat;
	width:284px;
	height:39px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.popupBottom{
	background-image:url(../images/popup_bottom.png);
	background-repeat:no-repeat;
	width:284px;
	height:4px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.popupMiddle{
	background-image:url(../images/popup_center.png);
	background-repeat:repeat-y;
	width:264px;
	height:auto;
	margin:0 0 0 0;
	padding:10px 10px 10px 10px;
	float:left;
}
/* Popup Box end 27.12.2010*/

.textarea{
	border:1px solid #cccccc;
	width:90%;
}

.button1{
	background-color:#ececec;
	color:#333333;
	border:1px solid #cccccc;
	display:block;
}

.header_tb{
	background-color:#ececec;
	margin-left:10px;
	font-weight:bold;
}

.border_tb td{
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;
	padding-left:10px;
}

.border_tb a{
	text-decoration:underline;
	color:#333333;
}

.border_tb a:hover{
	text-decoration:none;
	color:#333333;
	list-style:decimal;
}

.bor{
	border-right:1px solid #ececec;
}
		

/*sandeep 20.05.2011*/
.mgrey_bg{
	height:27px;
	background-image:url(../images/grey_in_bg.gif);
	background-repeat:repeat-x;
	border:1px solid #dfdfe0;
}
.mInput_bg{
	width:436px;
	height:343px;
	background-image:url(../images/input_mBg.gif);
	background-repeat:no-repeat;
	border:1px solid #dfdfe0;
}

/*New CSS rule added for making grey buttons */
.menu ul li.search.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/search_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.menu ul li.add.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/add_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
.menu ul li.delete.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/close_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.menu ul li.edit.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/edit_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}


.menu ul li.save.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/save_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.menu ul li.previous.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/arrow-left1_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.menu ul li.next.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/arrow-right1_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.menu ul li.hide.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/goback_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.menu ul li.account.inactive{
	float:left;
	border:0px solid red;
	/*background-image:url(../images/account2_grey.png);*/
	background-image:url(../images/index_recording_inactive.gif);
	background-position:center 15px;
	background-repeat:no-repeat;
}
.menu ul li.admin.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/admin_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
.menu ul li.email.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/email_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
.menu ul li.vote.inactive{
	float:left;
	border:0px solid red;
	background-image:url(../images/vote_grey.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}


/*End Inactive Button Rule */

/*Setting grey color for */
.menu ul li.inactive a {
	color: gray;
}

select
{
    font-size:11px;
}

.reduce_padd td
{
    padding:2px !important;
    padding:5px\9 !important;
}

.trHighlight
{
    background-color:Gray;
}
 
 
 .fixed 
 {
    position: fixed;
   
    top: -5px;
    left: 0;
    width: 100%;
    box-shadow: 0 0 40px #222;
    -webkit-box-shadow: 0 0 40px #222;
    -moz-box-shadow: 0 0 40px #222;
	height:68px;
	width:100%;
	border:0px solid black;
	background-color: #E9E9E9;
}


#main_menu
{
    position:absolute;
top: 140px;
z-index: 1;
/* bottom: 50px; */
height: 40px;
display: block;
clear: both;    
}


.main_Container_Right_tab_expand
{
    width:870px;
    height:350px;
}

.main_Container_Right_tab_collapse
{
    width:645px;
    height:350px;
    float:right
}


.main_Container_Left_Tabs
{
    width:220px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*padding:10px 15px 12px 10px;*/
	border:0px solid red;
}


.main_Container_Left
{
    width:220px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*padding:10px 15px 12px 10px;*/
	border:0px solid red;
}

.main_Container_Right_expand
{
    width:913px;
    /*height:400px;*/
    /*height:415px;*/
    height:485px;
    
}

.main_Container_Right_collapse
{
    width:693px;
    height:400px;
    float:left;
    padding-left: 5px;
}


/*@media screen and (max-width:600px)
{
    body
    {
        background-color:Aqua
    }
}*/


@media all and (min-width:951.9px)
{
    #cssmenu ul li.navigation
{
    width:110px !important;
}
#cssmenu ul li.search
{
    width:83px !important;
}
#cssmenu ul li.add
{
    width:63px !important;
}
#cssmenu ul li.delete
{
    width:88px !important;
}
#cssmenu ul li.edit
{
    width:112px !important;
}
#cssmenu ul li.save
{
    width:65px !important;
}
#cssmenu ul li.account
{
    width:90px !important;
}
#cssmenu ul li.email
{
    width:71px !important;
}
#cssmenu ul li.previous
{
    width:97px !important;
}
#cssmenu ul li.next
{
    width:65px !important;
}
#cssmenu ul li.hide
{
    width:66px !important;
}
}

@media all and (min-width: 730px) and (max-width: 951.9px) 
{
     #cssmenu
      {
          margin-left: 35px;
      }
       #cssmenu ul li.navigation
      {
        width:104px !important;
        }
    #cssmenu ul li.search
    {
        width:62px !important;
    }
    #cssmenu ul li.add
    {
        width:42px !important;
    }
    #cssmenu ul li.delete
    {
        width:67px !important;
    }
    #cssmenu ul li.edit
    {
        width:103px !important;
    }
    #cssmenu ul li.save
    {
        width:44px !important;
    }
    #cssmenu ul li.account
    {
        width:69px !important;
    }
    #cssmenu ul li.email
    {
        width:50px !important;
    }
    #cssmenu ul li.previous
    {
        width:76px !important;
    }
    #cssmenu ul li.next
    {
        width:44px !important;
    }
    #cssmenu ul li.hide
    {
        width:45px !important;
    }

}


@media all and (min-width: 479.9px) and (max-width: 729.9px)  
{
     #header .logo
     {
         margin: 10px 0px 0px 20px;
     }
    
    .main_Container_Right_tab_expand
    {
        width:666px;
        height:350px;
    }

    .main_Container_Right_tab_collapse
    {
        width:440px;
        height:350px;
        float:right
    }
    
 .main_Container_Right_expand
{
    width:706px;
    height:400px;
}

.main_Container_Right_collapse
{
    width:487px;
    height:400px;
    /*float:right*/
}
    
     
      
      .main_Container_Right
      {
          width: 775px;
      }
      
      #header .TopRightMenu
      {
          float: left;
          left: 436px;
          text-align: right;
      }
      
     
}

/*media all and (max-width: 730px) */
@media all and (max-width: 480px)  
{
    /*#cssmenu
      {
          margin-left: 15px;
      }*/
    
    .main_Container_Right
      {
          width: 100%;
      }
      
      .flexnav li a
      {
        padding-right: 3.5em !important;
      }
      #header .TopRightMenu
      {
          /*left:50px !important;*/
          left: 0 !important;
          float:right;
          left: 0px !important;
          width: 100%;
          padding-top: 50px !important;
      }
      
      .flexnav li ul
      {
          list-style-type: none;
      }
      
      
      .main_Container_Right_expand
    {
        /*width:300px;*/
        width:100%;
        height:400px;
    }

    .main_Container_Right_collapse
    {
        /*width:300px;*/
        width:100%;
        height:400px;
    /*float:right*/
    padding-left: 0;
    }
    
    #header .logo{
	width: 100%;
    }
    
    .main_Container_Right_tab_collapse {
        /*width: 440px;*/
        width:100%;
        float: left;
        /*position: absolute;*/
    }
    
    .main_Container_Right_tab_expand
    {
        /*width:440px;*/
        width:100%;
        height:350px;
    }
    
    .main_Container_Left_Tabs
    {
        padding: 0 0 10px 0;
    }
    
    /*.main_Container_Right_expand
{
    width:686px;
    height:400px;
}*/

/*.main_Container_Right_collapse
{
    width:490px;
    height:400px;
    float:right
}*/

.main_Container_Left
{
     padding: 0 0 5px 0;
}
    
}

#docClipBoard_tbl, #docClipBoard_toolbar1{table-layout:fixed;width: 100%;}
#docClipBoard_ifr{
width: 100% !important;
}
#dvDocRightContainer{margin-left: 20px;float: left;}
#dvDocRightContainer.main_Container_Right_tab_expand{width: 100% !important;margin-left: 0px;}
#docClipBoard_toolbar1 tr
{
    display: flex;flex-wrap: wrap;
}
#docClipBoard_toolbar1 td
{
   display: block;float: left;            
}  
@media screen and (max-width: 951.9px) and (min-width: 479.9px){
#main_Container .tab_container{width: 100%;}
#main_Container ul.tabs{width:100%;}
}
@media screen and (max-width: 768px){
#dvDocRightContainer
{
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
} 
}