.checkbox, .chekbox, .chkboxall, .chkbox {
	width: 16px;
	height: 16px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	
}



.radio {
	width: 10px;
	height: 10px;
	margin:20px 10px 10px 20px;
	background: url(../images/radio.png) no-repeat;

}

#publish{

	width: 24px;
	height: 24px;
	background: url(/onlinereact/status/images/checkbox.png) no-repeat;
	
	clear: left;
	float: left;
	margin:0px 5px 0px 0px;
}

#divStatus{
	font: bolder 16px Helvetica,Verdana, Arial, Sans-Serif;
	color:blue;
	margin:20px 0px 10px 0px;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}

#check-wrap {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 10px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; WIDTH: 820px; PADDING-TOP: 0px
}


.labelvalue,  .multi_date {
	display: inline-block;
    margin-left:0px;
    min-width:250px;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
	
	
	}
	
.searchvalue {
	display: inline-block;
    font-size:small;
    margin-left:0px;
    min-width:50px
	}	
.sidepanel {
	display: inline-block;
    margin-left:0px;
    width:100%;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	
   	}
	
.unpublished{
	display: inline-block;
    margin-left:0px;
    width:100%;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;
	color:red;
	padding: 5px 0px 0px 0px;
	
   	}	
	
.labeltitle {
	
    font-size:medium;
    margin-left:0px;
    width:5%;
    min-width:60px
	}
	

	
/* style for selection box*/	
.selectValue{

	BORDER-RIGHT: #d1c7ac 1px solid;
	BORDER-TOP: #d1c7ac 1px solid; 
	FONT: bolder 12px Helvetica,Verdana, Arial, Sans-Serif; 
	BORDER-LEFT: #d1c7ac 1px solid; 
	BORDER-BOTTOM: #d1c7ac 1px solid; 
	HEIGHT: 20px
}
	
/*style for table row and column using div  starts here */	
.divTable
    {
        display:  table;
        width:93%;
		margin-left:0px;
        background-color:#fff;
        border:0;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
	   padding: 5px 0px 0px 20px;
	   
    }

    .divRow
    {
       display:table-row;
       width:95%;
	   font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;

    }
	
	.divRow1
    {
       display:table-row;
       width:93%;
	   font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;

    }
	.divRowVac
    {
       display:table-row;
       width:93%;
	   font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;

    }

    .divCell
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:100%;
        background-color:#fff;
		border: solid 1px red;

    }
	
	 .divCellhead
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:40%;
        background-color:#fff;
		border:1;
		font-family: Georgia, serif;
        font-size: 1em;
        font-weight: bold;
		
    }
	
	 .divCellsep
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:2%;
        background-color:#fff;
		border:1;
    }
	
	 .divCellvalue
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:58%;
        background-color:#fff;
		
		font-family: Georgia, serif;
        font-size: 1em;
        font-weight: bold;

    }
/*style for table row and column using div  ENDS here */	


	.divTableview
	{
        display:  table;
        width:70%;
		margin-left:0px;
        background-color:#fff;
        border:0;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
	   padding: 5px 0px 0px 5px;
	   
    }

	.divVacancy
	{
        float:left;/*fix for  buggy browsers*/
		display:table-cell;
        width:16%;
        background-color:#9ca;
		overflow:hidden;
		text-align: center;
	
    }
	.valVacancy
	{
        
	
	 display: table-cell; 
	 text-align: center;
	
	 
		 
    }
	#vacHead
	{
	display:table-cell;	
	background-color:#9ca;
			 
	}
	

	 .divCheckbox
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:28%;
        background-color:#fff;
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		padding: 5px 0px 0px 30px;
		
    }


.divLabelCheck 
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:100%;
        background-color:#fff;
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		padding: 5px 0px 0px 0px;
		
		
		
    }
	
#button-wrap
{
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:100%;
        background-color:#fff;
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		padding: 5px 0 5px 0;
		margin-left:0px;
		
    }

	
	
	 
 
	
 

 
	
	#slno
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:5%;
      
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		white-space:wrap; 
		margin-left:auto;
		margin-right:auto;
		
    }
	#vcy_dt
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:15%;
      
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		white-space:wrap; 
		
    }
	#vcy_no
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:10%;
       
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		white-space:wrap;
		
    }
	#vcy_type
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:20%;
        
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		white-space:wrap;
		 
    }
	#dept_name 
    {
        float:left;/*fix for  buggy browsers*/
        display: inline-block;

        width:25%;
      
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		white-space:wrap;
		 
		
		
    }

	
	.sep
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;

        width:.5%;
        background-color:#b4c;
		border:1;
		font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
		
    }
 
	
	 
	#contentMiddle
	{
	
	float: left;
	width: 71%;
	text-align:left;
	padding: 5px 5px 5px 5px;  
	
	 
	}
	 
	
	
	.tabTable
	{
        display:  table;
        width:100%;
		margin-left:0px;
        background-color:#fff;
        border:1;
        border-spacing:2px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
	   padding: 5px 0px 0px 20px;

	   
    }
	
	.tabRow
	{
       display:table-row;
       width:90%;
	   font: bolder 12px Helvetica,Verdana, Arial, Sans-Serif;
	
    }
	    
		.tabCell2
	{
        float:left;/*fix for  buggy browsers*/
        
		display:table-column;
        width:20%;
        background-color:#fff;
		text-align: center;			
	
	}

    .tabCell1
	{
        float:left;/*fix for  buggy browsers*/
        
		display:table-column;
        width:20%;
        background-color:#fff;
		text-align: center;			
	
	}
	.tabCell
	{
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:72%;
        background-color:#fff;
		padding: 0 0px 0 0;
			
			 
	
	}
	
	#year_list
	{
	text-align: left;	
	}
	
	#search
	{
	display: block;
    margin: 0 auto;
    text-align: center;
	
	
	clear:both ;	
	}
	
	.ui-autocomplete {
		max-height: 250px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: auto;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
        background-color: #D6EBFF;
		text-align: left;
		width: 510px !important;
		position: absolute;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 250px;
		 width: 510px !important;
	}
	
	
	.AutoExtender
        {
            font-family: Verdana, Helvetica, sans-serif;
            font-size: .8em;
            font-weight: normal;
            border: solid 1px #006699;
            line-height: 20px;
            padding: 10px;
            background-color: White;
            margin-left:10px;
        }
        .AutoExtenderList
		{
            border-bottom: dotted 1px #006699;
            cursor: pointer;
            color: Maroon;
        }
        .AutoExtenderHighlight
		{
            color: White;
            background-color: #006699;
            cursor: pointer;
        }
        #post_autocomplete
		{
			width: 400px !important;
			text-align: left;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: .72em;
        }
        #post_autocomplete div
		{
			width: 460px !important;
		}
	   
	   
	   
	  #status_head 
	   {
		font: bolder 16px Helvetica,Verdana, Arial, Sans-Serif;
		color:blue;
		text-align: center;
		padding : 10px 5px 10px 5px;
	  
	 }
	 .listCat
	 {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        background-color:#fff;
		text-align: left;	
		padding : 2px 0px 2px 0px;
		font-family: Verdana, Helvetica, sans-serif;
        font-size: .68em;
        font-weight: bold;
		width:15%;
		
	}
	
	 .listCatHead
	 {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        background-color:#fff;
		text-align: left;	
		padding : 2px 0px 2px 0px;
		font-family: Georgia, serif;
        font-size: .68em;
        font-weight: bold;
		color:green;
		width:15%;
		
	}
	
	.listPost
	 {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        background-color:#fff;
		text-align: left;	
		padding : 2px 0px 2px 0px;
		font-family: Georgia, serif;
        font-size: .65em;
        font-weight: bold;
		color:brown;
		width:85%;
	}
	
	.listPostHead
	 {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        background-color:#fff;
		text-align: left;	
		padding : 2px 0px 2px 0px;
		font-family: Georgia, serif;
        font-size: .68em;
        font-weight: bold;
		color:green;
		width:85%;
		
	}
	
	   
	.listStatus
	{
       display:inline-block;
       width:100%;
	   padding : 5px 0px 0px 0px;
	   font-family: Georgia, serif;
       font-size: .9em;
       font-weight: bold;
	
    } 
	.listStatusDetails
	{
       display:inline-block;
       width:100%;
	   padding : 5px 0px 0px 0px;
	   font-family: Georgia, serif;
       font-size: .9em;
       font-weight: bold;
	
    }  
	
	.listTable
	{
		width:95%;
		padding : 0px 0px 0px 0px;
		margin : 0px 0px 0px 0px;
		 
	}
	.listDiv
	{
		border:1px solid green; 
		display:table-cell;
		font-family: Verdana, Helvetica, sans-serif;
        font-size: .72em;
		font-weight: bold; 
		padding : 0px 0px 0px 5px;
	}
	.vcy_dt
	{
		border:1px solid green; 
		display:table-cell;
		font-family: Verdana, Helvetica, sans-serif;
        font-size: .72em;
		font-weight: bold; 
		padding : 0px 0px 0px 5px;
	}
	.listDivHead
	{
		border:1px solid green; 
		text-align: center;
		display:table-cell;
		font-family: Georgia, serif;
        font-size: .72em;
		font-weight: bold; 
		color:fff;
		padding : 0px 0px 0px 0px;
	}
	
	
	#bt {
	
		margin-left:0px;
		width:100%;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
			
   	}
	.addendum
	{
		font-family: Verdana, Helvetica, sans-serif;	
	}
	
	#searchDiv {
		margin-top:30px;
		padding : 10px 0px 10px 0px;
		width:98%;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		color:   #16a085 ;
		border:3px ridge  #5dade2 ;	
		text-align: center;
   	}
	
	#search_label
	{
		color: #3498db ;
		font-family: Verdana, Helvetica, sans-serif;
		text-align: left;
		font-size: .72em;	
		font-weight: bold;		
	}
	#go_label
	{
		color: #ffffff ;
		font-family: Verdana, Helvetica, sans-serif;
		text-align: left;
		font-size: .72em;	
		font-weight: bold;		
	}
	#vacDetails
	{
		width:96%;
		border: 4px ridge #FFB0FF;
		padding: 10px 0px 10px 10px;
		margin-top:10px;
		margin-bottom:10px;
				
	}
	
	.listVacDetails
	{
       display:inline-block;
       width:100%;
	   padding : 5px 0px 0px 0px;
	   font-family: Verdana, Helvetica, sans-serif;
       font-size: .9em;
       font-weight: bold;
	  
    }