/*-------------------------------------------------------changes[Comments] in existing Style sheets for new design ------------------------------------------------------*/
body
{
     /*background-color: #E0DBD6;*/
    /*font: normal 12px "Trebuchet MS" , Verdana, "Lucida Grande" , Georgia, Sans-Serif;*/
    font-family: "Trebuchet MS" , Verdana, "Lucida Grande" , Georgia, Sans-Serif;

    background-image:url(images/bg.gif);
    background-repeat:repeat-x;
    background-position:top;
    background-color: #bec0c2;

/*	background-image:url(images/topHead.gif);
	background-repeat:repeat-x;
	background-position:top;
    background-color: #383838; */

	padding:0px;
	margin:0 auto;
	font-size: 86%;	
}

.MainDivider
{
 /* height:100%; */
}
    
.MiddleContent
{
    /*background-color:Teal;*/
    /* width:850px;  commented by plexitech */
    width:950px;   
    margin-right: 0px;
}
.MiddleContent1
{
    /*background-color:Teal;*/
    /* width:850px;  commented by plexitech */
    width:1362px;   
    margin-right: 0px;
}
.Content1
{
    width: 100%;
    background: #FFFFFF;
    height: 100%;
    text-align: left;
    margin: 0;
    /*font-family: 'Times New Roman';*/
    font-size: small;
    border-left:2px solid #000000;
    border-right:2px solid #000000;
}
.HeaderDiv
{
    height:100%;
    width:950px;
	margin: 0;
}

.FooterDiv
{
     background-color:Silver;
    height:100%;
    width:100%;
	margin: 0;
		/* To give border to Footer */
	border-bottom:2px solid #000000;
 }
.WeatherDiv
{
	margin: 0 auto;
	width:100%;
}
table.Duplicates
{
    background-position: #EAEAEA;
    text-align: left;
    border-style: solid;
    border-color: inherit;
    border-width: 0px;
    font-family: Verdana;
    font-size: small;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-variant: normal;
    color: #000000;
    background: #EAEAEA;
    width: 99%;
    border-spacing: 0px;
}
table.MainTable
{
    text-align: left;
    border-style: solid;
    border-color: inherit;
    border-width: 0px;
    font-family: Trebuchet MS, Verdana, Sans-serif;
    font-size: medium;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-variant: normal;
    color: #000080;
    background: #FFFFDD;
    width: 784px;

}
table.Report
{
    border: 0px;
    padding: 0px;
    width: 95%;
    text-decoration: none;
    text-transform: none;
    color: #000000;
    text-align:left;
}
table.Legend
{
    font-family: Trebuchet MS, Verdana, Sans-serif;
    font-size: small;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-variant: normal;
    color: #000080;
    background: #FFFFFF;
    border: 1px #990000 solid;
}
table.UsersTable
{
    font-family: Trebuchet MS, Verdana, Sans-serif;
    font-size: small;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-variant: normal;
    color: #000080;
    background: #CCCCCC;
    border: thin solid #C0C0C0;
    width: 847px;
}
table.PanelEdit
{
    font-family: Trebuchet MS, Verdana, Sans-serif;
    font-size: x-small;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-variant: normal;
    color: #000000;
    background: #CCCCCC;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border: thin solid #C0C0C0;
    text-align: center;
}
table.TableOptions
{
    border: medium solid #800000;
}
.PanelEdit
{
    text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small;
}
.TextErrorLabels
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    background-color: #FF3300;
}
.TextEditLabels
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}
.TextEditFields
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    border: 1px #a8a9ad solid;
}
.PanelFooter
{
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #FFFFFF;
    width:100%;
    height:30px;
}
.PanelUsers
{
    text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
}
.PanelGroups
{
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
}
.DropDownDefault
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small;
}
.ListBoxDefault
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
}
.TextLabels
{
    font-size: medium;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.ButtonRegular
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #CCCCCC;
    font-weight: bold;
}
.ButtonCalendar
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: xx-small;
    background-color: #CCCCCC;
    font-weight: bold;
}
.CalendarSmall
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small;
    height: 25px;
}
.PagerStyle
{
    font-size: 9px;
}

/*-------------------------------------------------------New Style sheets added by PlexiTech------------------------------------------------------*/


.greyFont
{
	font-family:Arial;
	font-size:11px;
	color:#656565;
}

.greyFontHeading
{
	font-family:Arial;
	font-size:13px;
	color:#333;
}

.pageTitle
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
}

.greyFontSmall
{
	font-family:Arial;
	font-size:10px;
	color:#9c9c9c;
}

.whiteFontSmall
{
	font-family:Arial;
	font-size:11px;
	color:#ffffff;
}


.activities_uns
{
	background-image:url(images/navActivities.gif);
	background-repeat:no-repeat;
	height:28px;
	width:89px;
}

.reports_uns
{
	background-image:url(images/navReports.gif);
	background-repeat:no-repeat;
	height:28px;
	width:78px;
}

.admin_uns
{
	background-image:url(images/navAdmin.gif);
	background-repeat:no-repeat;
	height:28px;
	width:76px;
}

.activities_sel
{
	background-image:url(images/navActivities_O.gif);
	background-repeat:no-repeat;
	height:28px;
	width:89px;
}

.reports_sel
{
	background-image:url(images/navReports_O.gif);
	background-repeat:no-repeat;
	height:28px;
	width:78px;
}

.admin_sel
{
	background-image:url(images/navAdmin_O.gif);
	background-repeat:no-repeat;
	height:28px;
	width:76px;
}

#subMenu:hover
{
	background-color:#CCC;
	width:100px;
	color:#000;
	border:none;
}

#subMenu
{
	width:100px;
	text-decoration:none;
	color:#000;
}

.mnuBG
{
	position:absolute;
	margin-top:55px;
	border:1px solid #999999;
	visibility:hidden;
	background-color:#e1e1e1;
}

a
{
	text-decoration:none;
	color:#333;
	border:none;
}

td
{
    font-family: Trebuchet MS;
    margin-left: 40px;
}

select
{
    font-family: Trebuchet MS;
}
    
input
{
    font-family: Trebuchet MS;
}

.footer
{
   	font-family: Trebuchet MS;
	font-size:11px;
	color:#656565;
	
}

.footer a:hover
{
	color:red;
	text-decoration: underline;
}

.rq
{
    font-size: 15px;
    font-family: Arial;    
    color: Red;
}
/* New  style added for DataEntry page */

.textbox
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#333;
	height:13px;
}
.dropDown
{
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:11px;
	border: 1px #a8a9ad solid;
}

.message
{
	color:#ad1219;	
	height: 30px;
}
	
.errmessage
{
	background-color: #ad1219;	
	color: #FFFFFF;
	height: 30px;
}

/* new Styles used for Schedule_Editor page */


/* Context Menu */
#list-menu {
width: 100px;
height:120px;
background-image:url(images/ActionBg.gif);
background-repeat:no-repeat;
padding:3px 0 0 1px;
}
  
#list-menu a {
display: block;
width:130px;
padding: 2px 2px 2px 8px;
color:#CCCCCC;
line-height:15px;
text-decoration: none; 
font-size:11px;
}
 
 
#list-menu a:hover {
background-image:url(images/yellowMenu.gif);
width:85px;
background-repeat:no-repeat;
color: #000000;
font-size:11px;
}

/* popup */
.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=40);
	opacity: 0.8;
}
.modalPopup
{
	width: 500px;		
	border-width: 1px;
	-moz-border-radius: 5px;
	text-align:center;
	z-index:99999;
} 


.CGSheadTopLeft
{
	width:7px;
	height:32px;
}

.CGSheadTopMiddle
{
	background-image:url(images/CGS_headTopMiddle.gif);
	background-repeat:repeat-x;
	width:100%;
	height:32px;
	padding-left:7px;
	text-align:left;
}

.CGSheadTopRight
{
	width:7px;
	height:32px;
}

.CGSheadMiddleLeft
{
 	background-image:url(images/CGS_headMiddleLeft.gif);
	background-repeat:repeat-y;
	height:100%;
}

.CGSheadMiddleRight
{
	 background-image:url(images/CGS_headMiddleRight.gif);
	 background-repeat:repeat-y;
	 height:100%;
}

.CGSheadBtmLeft
{
	width:7px;
	height:37px;
}

.CGSheadBtmMiddle
{
	 background-image:url(images/CGS_headBtmMiddle.gif);
	 background-repeat:repeat-x;
	 width:100%;
}

.CGSheadBtmRight
{
	width:7px;
	height:37px;
}


.CGShead2TopMiddle
{
	background-image:url(images/CGS_head2TopMiddle.gif);
	background-repeat:repeat-x;
	width:100%;
	height:32px;
	padding-left:7px;
	text-align:left;
}
	/* added new styles for chart panel */
.phLeft
{
	background-image:url(images/panelHeaderLeft.gif); 
	background-repeat:repeat-x; 
	width:6px;
	height:31px;
}
.panelHeadingText
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	padding-left:5px;
	text-align:left;
	font-weight:bold;
	background-image:url(images/panelHeaderMiddle.gif); 
	background-repeat:repeat-x; 
	height:31px;
	/* width:93%; */
}
.phRight
{
	background-image:url(images/panelHeaderRight.gif); 
	background-repeat: no-repeat; 
	width:30px;
	height:31;
}
#panelBodyBG
{
	border-left:1px solid #3e6680;
	border-right:1px solid #3e6680;
	border-bottom:1px solid #3e6680;
	padding:2px;	
}

#panelBodyBG .panelBody
{
	background-color:#fff;	
}
.IE8Fix 
{ 
    z-index: 100; 

}
.gridLink
{
	text-decoration:underline;
}

.menubar 
{ 
    z-index: 999; 

}
.selector {
      opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=95); /* IE lt 8 */
      -ms-filter: "alpha(opacity=95)"; /* IE 8 */
      -khtml-opacity: .95; /* Safari 1.x */
      -moz-opacity: .95; /* FF lt 1.5, Netscape */
}
.gridpager, .gridpager td
{    
      font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#A80000;    
     font-weight:bold;
     font-size:16;
    text-decoration: none;
      font-style :italic;
       
}

.gridpager a
{
    color: Black;
    font-weight:normal ;
    font-size:14;
    text-decoration: none; 
    font-style :normal;
  
}

.LinkButton
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: Yellow;	
	padding-right:5px;
	text-align:right;
	text-decoration: underline;	
}
.LinkButton:hover
{
	color: Aqua;
}



/* Added by Plexitech on Aug 17 2010 for Menu Bar */

#vbuttons td{font-size:0}
#vbuttons td div{position:relative}
#vbuttons td:hover>div>ul.vMenu{display:block}

#lnkUsers
{
 font-size :11px;
}
ul.vMenu{
	left:0;
	top:0px;
	display:none;
	visibility: visible;
	overflow:visible;
	list-style:none;
}
ul.vMenu li{
	white-space:nowrap;
}
ul.vMenu ul{
	position:absolute;
	visibility: visible;
	left:100%;
	top:0;
}
ul.vMenu li:hover{position:relative;}
ul.vMenu li:hover>ul{display:block;}


.vMenu{
  position: absolute;
  visibility: hidden;
  display: block;
  overflow: auto;
  margin: 0px;
  padding:0px;
}
div.vMenu, table.vMenu .subContent,ul.vMenu{
	border:1px solid #CCC;
	padding: 2px;
	background-color: #f1f1f1;
}
.vMenu table {
  border-collapse: separate;
}
.vMenu table tr,ul.vMenu li,ul.vMenu .separator:hover{
  font-size: 1px;
  cursor: pointer;
}
.vMenu tr.over,ul.vMenu li:hover{
   color:#900;
}
.vMenu table td,ul.vMenu li,ul.vMenu .separator:hover{
	border-bottom:1px dotted #000000;
	padding-bottom : 3px;
	text-align: left;
}

.vMenu tr.over td ,ul.vMenu li:hover{
  border-color: #000;
}
.vMenu td a, .vMenu td span,ul.vMenu a{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.vMenu tr.over a, .vMenu tr.over span{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #900;
  text-decoration: none;
}
ul.vMenu li:hover>a{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #900;
  text-decoration: none;
}
.vMenu tr.popup {
}
.vMenu tr.popup td {
  border-color: #3D0D48;
}
.vMenu tr.popup a, .vMenu tr.popup a{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
}

.ImageLinkmenu
{
	padding-left:2px;
	padding-right:2px;
}



/* End */


/* Used for thin black border images*/

.blkBox_top_left
{
background-image:url(images/blkBox_top_left_1.gif);
background-repeat:no-repeat;
width:3px;
height:3px;

}

.blkBox_middle_top
{
background-image:url(images/blkBox_middle_top_1.gif);
background-repeat:repeat-x;
height:3px;

}

.blkBox_top_right
{
background-image:url(images/blkBox_top_right_1.gif);
background-repeat:no-repeat;
width:3px;
height:3px;
}



.blkBox_btm_left
{
background-image:url(images/blkBox_btm_left_1.gif);
background-repeat:no-repeat;
width:3px;
height:3px;


}

.blkBox_middle_btm
{
background-image:url(images/blkBox_middle_btm_1.gif);
background-repeat:repeat-x;
height:3px;

}

.blkBox_btm_right
{
background-image:url(images/blkBox_btm_right_1.gif);
background-repeat:no-repeat;
width:3px;
height:3px;
}

.blkBox_middle_left
{
      background-image: url(images/blkBox_middle_left_1.gif);
      background-repeat: repeat-y;
      width:3px;
}
.blkBox_middle_right
{
      background-image: url(images/blkBox_middle_right_1.gif); 
      background-repeat: repeat-y;
    width:3px;
}
.button
    {
	    background-image:url(images/btn_RedBG.gif);
	    background-repeat:repeat-x;
	    border-color:#5c0a0a;
	    height:26px;
	    color:#FFFFFF;
	    text-align:center;
	    text-decoration:none;
	    cursor:pointer;
	    border:0px;
	    font-weight:bold;
	    font-size:12px;
    }
    
.commonWeatherFont
{
    line-height:17px;
    font-size:12px;
    font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
    text-align:left;
}
.weatherCity
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#ac0000;
}    

/* */

.check-login_title
        {
            font-family: Arial;
            font-size: 20px;
            color: #313131;
        }
        .check-login_textbox
        {
            font-family: Arial;
            font-size: 14px;
            color: #313131;
            width: 95%;
            padding: 1px;
            border: none;
            outline: none;
            background-color:White;
        }
        .check-info-message
        {
            padding:5px;
            font-family:Arial;
            color:red;
            font-size:12px;
            text-align:center;
            font-weight:bold;
        }
        .check-login_dropdown
        {
            font-family: Arial;
            font-size: 12px;
            color: #313131;
            width:220px;
            padding: 1px;
            border: none;
             outline: none;
        }
        
        .linkButton 
        {
            border:2px solid #A92121;
            padding:3px 3px; 
            color:#fff;
            background:#A92121;
            width:100px;
            border-radius:5px;
            cursor:pointer;
        }
        
        .errorMsg
        {
	        font-family:Trebuchet MS, Helvetica, sans-serif;
	        font-size:12px;
	        font-weight:bold;
	        background-color:#A40200;
	        color:#FFFFFF;
	        padding-left:3px;
        }
        
        /* Added new button class */
        
        .btnRedbg22
        {
            background-image:url(images/btn_redbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
            cursor:pointer;
        }
        
        .btnRedbg24
        {
            background-image:url(images/btn_redbg.jpg);
            background-repeat:repeat-x;
            height:24px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-bottom:3px;
            cursor:pointer;
        }
        .btnOrangebg22
        {
            background-image:url(images/btn_orangebg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#231f20;
            border:1px solid #a7a9ac;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
            cursor:pointer;
        }
        .btnOrangebg24
        {
            background-image:url(images/btn_orangebg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#231f20;
            border:1px solid #a7a9ac;
            text-align:center;
            padding-bottom:3px;
            cursor:pointer;
        }
        .btnSilverbg22
        {
            background-image:url(images/btn_silverbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#231f20;
            border:1px solid #a7a9ac;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
            cursor:pointer;
        }
        .btnSilverbg24
        {
            background-image:url(images/btn_silverbg.jpg);
            background-repeat:repeat-x;
            height:24px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#231f20;
            border:1px solid #a7a9ac;
            text-align:center;
            padding-bottom:3px;
            cursor:pointer;
        }
        .btnYellowbg22
        {
            background-image:url(images/btn_yellowbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#231f20;
            border:1px solid #fcaf17;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
            cursor:pointer;
        }
        .btnYellowbg24
        {
            background-image:url(images/btn_yellowbg.jpg);
            background-repeat:repeat-x;
            height:24px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#231f20;
            border:1px solid #fcaf17;
            text-align:center;
            padding-bottom:3px;
            cursor:pointer;
        }
        .btnBlackbg22
        {
            background-image:url(images/btn_blackbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #231f20;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
            cursor:pointer;
        }
        .btnBlackbg24
        {
            background-image:url(images/btn_blackbg.jpg);
            background-repeat:repeat-x;
            height:24px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #231f20;
            text-align:center;
            padding-bottom:3px;
            cursor:pointer;
        }
        .btnGreenbg22
        {
            background-image:url(images/btn_greenbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #138347;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
            cursor:pointer;
        }
        .btnGreenbg24
        {
            background-image:url(images/btn_greenbg.jpg);
            background-repeat:repeat-x;
            height:24px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #138347;
            text-align:center;
            padding-bottom:3px;
            cursor:pointer;
        }
        .btnDisabledbg22
        {
            background-image:url(images/btn_disabledbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #787878;
            text-align:center;
            padding-bottom:3px;
        }
        .btnDisabledbg24
        {
            background-image:url(images/btn_disabledbg.jpg);
            background-repeat:repeat-x;
            height:24px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #787878;
            text-align:center;
            padding-bottom:3px;
            background-position:top;
        }
        
        .btnView_Grid
        {
           width:16px;
           height:16px;   
           background-image: url(images/clock_pencil.png);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnEdit_Grid
        {
           width:10px;
           height:10px;   
           background-image: url(images/editN.png);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnDelete_Grid
        {
           width:10px;
           height:10px;   
           cursor:pointer;
           background-image: url(images/deleteN.png);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
          cursor:pointer;
        }
        
        .btnAssign_Grid
        {
           width:10px;
           height:10px;   
           cursor:pointer;
           background-image: url(images/assign.png);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
          cursor:pointer;
        }
        
        .btnUnAssign_Grid
        {
           width:10px;
           height:10px;   
           cursor:pointer;
           background-image: url(images/deassgn.png);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnRefresh_Button
        {
           width:16px;
           height:16px;   
           cursor:pointer;
           background-image: url(images/refresh_doc_16.gif);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnMoveUp_Button
        {
           width:22px;
           height:21px;   
           cursor:pointer;
           background-image: url(images/btndroupUp.gif);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnMoveDown_Button
        {
           width:22px;
           height:21px;   
           cursor:pointer;
           background-image: url(images/btndroupDown.gif);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnDelete_Button
        {
           width:22px;
           height:21px;   
           cursor:pointer;
           background-image: url(images/btnDelete2.gif);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnLeft_Aerrow
        {
           width:23px;
           height:22px;   
           cursor:pointer;
           background-image: url(images/leftArrow.gif);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnRight_Aerrow
        {
           width:23px;
           height:22px;   
           cursor:pointer;
           background-image: url(images/rightArrow.gif);
           background-repeat:no-repeat;
           border:0;
           background-color:Transparent;
           cursor:pointer;
        }
        
        .btnBigBlackbg
        {
            background-image:url(images/btn_blackbg.jpg);
            background-repeat:repeat-x;
            height:25px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:bold;
            color:#fff;
            border:1px solid #231f20;
            text-align:center;
            padding-bottom:3px;
            padding-left:20px;
            padding-right:20px;
            background-position:top;
            cursor:pointer;
        }
        
        .lnkRedbg22
        {
            background:url(images/btn_redbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-left:20px;
            padding-right:20px;
            padding:2.9px;
            background-position:top;
            cursor:pointer;
        }
        
        .lnkOrangebg22
        {
            background:url(images/btn_orangebg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#000;
            border:1px solid #b40007;
            text-align:center;
            padding-left:20px;
            padding-right:20px;
            padding:2.9px;
            background-position:top;
            cursor:pointer;
        }
        .lnkGreenbg22
        {
            background:url(images/btn_greenbg.jpg);
            background-repeat:repeat-x;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #138347;
            text-align:center;
            padding-left:20px;
            padding-right:20px;
            padding:2.9px;
            
            background-position:top;
            cursor:pointer;
        }
        
        .btnSmallRedbg18
        {
            background-image:url(images/btn_redbg.jpg);
            height: 18px;
            font-family: Tahoma, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            color: #fff;
            border: 1px solid #b40007;
            text-align: center;
            padding-bottom: 3px;
            background-position: 50% top;
            cursor: pointer;
            background-repeat:repeat-x;
            background-color: transparent;
            background-repeat: repeat;
            background-attachment: scroll;
        }
        
        .btnSmallDisabledbg18
        {
            background-image:url(images/btn_disabledbg.jpg);
            background-repeat:repeat-x;
            height:18px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #787878;
            text-align:center;
            padding-bottom:3px;
        }
        
        
        /* End new button class */
        
         /* Added new grid class for small font*/
        
        .smallGridFont
        {
            font-family:Trebuchet MS, Helvetica, sans-serif;
            font-size:11px;
            font-style:italic;
            font-weight:bold;
        }
        
    .btnLoginRed
    {
       width:80px;
       height:29px;   
       background-image: url(images/login-btn-login.png);
       background-repeat:no-repeat;
       border:0;
       background-color:Transparent;
       cursor:pointer;
    }
    
    .btnCancelLoginGray
    {
       width:80px;
       height:29px;   
       background-image: url(images/btn-cancel.png);
       background-repeat:no-repeat;
       border:0;
       background-color:Transparent;
       cursor:pointer;
    }
    
    
    .btnIconSaveRedbg22
        {
            background:url(images/iconbtn_save.png) no-repeat ,url(images/btn_redbg.jpg)  repeat-x ;
            height:22px;
            width:22px;   
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-bottom:3px;
            background-position:center;
            cursor:pointer;
        }
    
    .btnIconHomeRedbg22
        {
            background:url(images/iconbtn_home.png)  no-repeat ,url(images/btn_redbg.jpg)  repeat-x;
            width:22px;   
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-bottom:3px;
            background-position:center;
            cursor:pointer;
        }
        
        
        
         .btnIconSearchRedbg22
        {
            background:url(images/iconbtn_search.png)  no-repeat ,url(images/btn_redbg.jpg) repeat-x;
            width:22px; 
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-bottom:3px;
            background-position:center;
            cursor:pointer;
        }
        
         .btnIconTrafficRedbg22
        {
            background:url(images/iconbtn_traffic.png)  no-repeat ,url(images/btn_redbg.jpg) repeat-x;
            width:31px;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #b40007;
            text-align:center;
            padding-bottom:3px;
            background-position:center;
            cursor:pointer;
        }
        
        .btnIconDisabledTrafficRedbg22
        {
            background:url(images/iconbtn_traffic.png)  no-repeat ,url(images/btn_disabledbg.jpg) repeat-x;
            width:31px;
            height:22px;
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#fff;
            border:1px solid #787878;
            text-align:center;
            padding-bottom:3px;
            background-position:center;
            cursor:pointer;
        }

/*new Modal Popup*/
.newModalPopup {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.61);
    webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.61);
}

    .newModalPopup .modal-header {
        padding: 6px;
        font-size: 13px;
        background-color: #464646;
        color: #ffffff;
        border-bottom: 2px solid #dc0008;
    }

    .newModalPopup .modal-body {
        padding: 5px 5px 0px 5px;
        background-color: #ffffff;
    }

    .newModalPopup .modal-footer {
        text-align: center;
        padding: 10px;
    }


.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=40);
    opacity: 0.8;
}

.modal-popup {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    width: 350px;
    background-color: #ffffff;
}

    .modal-popup .modal-header {
        background-color: #ff0000;
        color: #ffffff;
        padding: 12px 15px;
        font-size: 16px;
    }

    .modal-popup .modal-body .list {
        height: 250px;
        overflow-y: auto;
    }

        .modal-popup .modal-body .list ul {
            padding: 0;
            margin: 0;
        }

            .modal-popup .modal-body .list ul li {
                list-style-type: none;
                list-style: none;
                border-bottom: 1px solid silver;
                padding: 10px 10px 10px 40px;
                background-image: url(images/Login/icon-location-pin.png);
                background-repeat: no-repeat;
                background-position: 13px center;
                font-size: 15px;
                cursor: pointer;
            }

                .modal-popup .modal-body .list ul li:hover {
                    background-color: #eaeaea;
                }

    /*.modal-popup .modal-body .list select#listCostCenter {
            width: 100%;
            font-size: 15px;
            -webkit-border-radius: 0;
        }

select[size="0"], select[size="1"] {
    -webkit-appearance: menulist;
    -webkit-box-align: center;
    border: 1px solid #D2D2D2;
    -webkit-border-radius: 0;
    background-color: transparent;
}

.modal-popup .modal-body .list select#listCostCenter option, option {
    border-bottom: 1px solid silver;
    padding: 10px 10px 10px 30px;
    background-image: url(images/Login/icon-location-pin.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 15px;
}

    .modal-popup .modal-body .list select#listCostCenter option:hover, option:hover {
        background-color: #e6e6e6;
        cursor: pointer;
    }

    .modal-popup .modal-body .list select#listCostCenter option:active, option:active {
        background-color: #e6e6e6;
        cursor: pointer;
    }*/

    .modal-popup .modal-footer {
        padding: 10px 0px;
        text-align: center;
        background-color: #efefef;
    }

        .modal-popup .modal-footer input[type="submit"] {
            border: 0;
            padding: 5px 15px;
            color: #ffffff;
            font-family: "Open Sans", sans-serif;
            font-size: 15px;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            -khtml-border-radius: 0px;
            border-radius: 0px;
        }

        .modal-popup .modal-footer .btn-submit {
            background-color: #ff0000;
        }

            .modal-popup .modal-footer .btn-submit:hover {
                background-color: #de0202;
            }

        .modal-popup .modal-footer .btn-cancel {
            background-color: #5e5d5d;
        }

            .modal-popup .modal-footer .btn-cancel:hover {
                background-color: #424141;
            }

    .modal-popup .modal-body {
        padding: 17px;
    }
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    font-size: initial !important;
}