html, body, #globle
{
   
}
form
{
	height: 98%;
	
}
body > #globle
{
    min-height: 100%;
    height: auto;
   
}

#GoogleMap_Div
{
    width: 100%;
    height: 100%;
}
#globle
{
     min-height: 100%;
}
body
{
	background: #FFFFFF none no-repeat left bottom;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434343;
}
.btnradio{ float:left;
          text-align:left;
          padding:0px;
         }
/*header div css start here*/
.headerlogo
{
    clear: both;
    overflow: hidden; /* background: #ebe5d9 url(../images/header_bg.jpg) top left repeat-x;  height: 152px;*/
}

.green
{
	height: 28px;
	clear: both;
	background: #3E3E3E;
	color: #ffffff;
}

.green a
{
    text-decoration: none;
    color: #ffffff;
}

.green a:hover
{
    text-decoration: underline;
    color: #ffffff;
}

/*.logout
{
    background:url(../images/logout_iocn.png);
}*/

.img_div1
{
    margin: 0px;
    padding: 0px; /*height: 90px;*/
  /*background: #ebe5d9 url(../images/ABHIBUSVehicaltrackingimage.gif) bottom right no-repeat;*/
    height:100px; 
    width:100%;  
}
.img_div
{
	margin: 0px;
	padding: 0px;
	height: 90px;
	background: #9C9898;
	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
}

/*This CSS for Search Box*/


.text
{
    float: left;
    font-weight: bold;
    margin: 10px 0px 0px 10px;
    color: #FFFFFF;   
}

.textbox
{
    float: left;
    background: url(../images/textbox_img.jpg) no-repeat;
    width: 156px;
    margin-top: 7px;
    height: 20px;
    padding: 0px;
}

.searchTextbox
{
    float: left;
    background-color:White;
    margin-top: 7px;
    height: 20px;
    padding: 0px;
    padding-left:3px;    
}

.successMessage
{
    background-color: #EBFDE1;
    border: 1px solid #ACDEA2;
    padding: 5px;
    clear: both;
    margin: 10px 0;
    float: left;
    width: 675px;
    text-align: center;
    font-weight: bold;
    float: left;
}

.button
{
    cursor: pointer;
    float: left;
    padding: 6px 0px 0px 1px;
    padding-left: 3px;
}

.messagebtn
{
    background: url(../images/broadcast-message_btn01.jpg) no-repeat;
    border: none;
    width: 120px;
    height: 35px;
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    cursor: pointer;
}
.vmeassges
{
    background: url(../images/vmessages.jpg) no-repeat;
    border: none;
    width: 135px;
    height: 36px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    cursor: pointer;
}
.vdetails
{
    background: url(../images/vdetails.jpg) no-repeat;
    border: none;
    width: 141px;
    height: 36px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    cursor: pointer;
}

table.DDGridView .th TH,
table.DDListView .th TH,
table.DDGridView .td TD,
table.DDListView .td TD
{
        border-right: 1px dotted  #dbddff;
}

.broadcastbtn
{
    background: url(../images/broadcast-message_btn01_old.jpg) no-repeat;
    border: none;
    width: 171px;
    height: 37px;
    float: right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    cursor: pointer;
}

.trackbtn
{
    background:url(../images/track.png) no-repeat;
    border: none;
    width:100px;
    height: 35px;
    float:right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    cursor: pointer;
    font-weight:bold;
}

.Filterbtn
{
    background:url(../images/filter.png) no-repeat;
    border: none;
    width:100px;
    height: 35px;
    float: right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    cursor: pointer;
    font-weight:bold;
}

.searchTextBox
{
  
    width: 100%;

}

.busSerachTextBox
{
    border: 0px;
    font-size: 11px;
    background: none;
    width: 200px;
    color: #555;   
}
/*middle div css start here*/

.middle
{
    clear: both;
    overflow: hidden; /*min-height: 550px;     height: 600px;*/
}

.grid
{
    background: #dbd2c3;
  /* border: 1px solid #red;*/
    overflow: hidden;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border:0px;
   
}

.grid th
{
    background: url(../images/grid_th_img.jpg) repeat-x;
    height: 30px;
    font-size: 12;
    color: #ffffff;
     /* border-right: 2px solid #dbd2c3;*/
    text-align: left;
    
    padding-left: 4px;
    
}

.grid td
{
    background: #bfb4a3;
    height: 24px;
    /*color: #2f2d2a;*/
    padding-left: 4px;
    
     
}

.grid a
{
    text-decoration: none;
    color: #ffffff;
    text-align: center;
}

.grid a:hover
{
   text-decoration: underline;
   color: #ffffff;
}

.savebutton
{
    clear: both;
    overflow: hidden;
    float: right;
    padding-right:15px;
    padding-left: 2px;
    padding-top: 4px;
    cursor: pointer;
      padding-bottom:4px;
}

.img_btm
{
    background: url(../images/save_button_bg.jpg) no-repeat;
    width: 82px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    clear: both;
    overflow: hidden;
    float: right;
    padding-right: 30px;
    padding-left: 2px;
    padding-top: 4px;
    cursor: pointer;
    text-align: center;
}

.btn
{
    background: none;
    border: 0px;
    color: #FFF;
    margin-right: 35%;
    margin-top: 5px;
    cursor: pointer;
    border: 0px solid red;
}

.img_btm:hover
{
    background: url(../images/save_button-disable_bg.jpg) no-repeat;
    width: 82px;
    height: 32px;
    color: #fff;
    font-size: 12px;
}

.btm
{
    border: none;
    color: #FFFFFF;
}

/*footer div css start here*/
.footer
{
	clear: both; /*overflow: hidden;*/
	background: #3E3E3E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 10px;

	
}

.Connected
{
	font-weight:bold;
	color:Yellow;
}

.Disconnected
{
	color:#7d6e6e;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.10;
    overflow: hidden;
    z-index : 100050 !important;
}
.loading
{
	display: block;
	width: 50px;
	position: absolute;
	margin: 20% 45% auto 50%;
	z-index: 100;
	padding: 5px 10px 0 0;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
}
/*pop-up div css start here*/
.popup
{
	width: 369px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ffffff;
	padding: 0px;
	background-color: #333333; /* z-index : 100050 !important; */
}

.popupheading
{
    background: url(../images/ebbtcbindex8_0.gif) repeat-x;
    height: 38px;
    font-size: 12;
    color: #ffffff;
    padding-left: 10px;
}

.poptextarea
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    color: #434343;
}
.poptextbox
{
	background: none repeat;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FFFFFF;
}

.popbutton
{
    background-color: #e4ddd0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.poptextfiled
{
    border: 1px solid #97ba6c;
}

.popup td
{
    font-weight: bold;
}
.popbtn
{
    background-image: url(../images/popup_button.jpg);
    background-repeat: no-repeat;
    width: 71px;
    height: 24px;
    color: #ffffff;
    border: 0px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
}

.popbtnhover
{
    background-repeat: no-repeat;
    width: 51px;
    height: 21px;
    color: #ffffff;
    border: 0px;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background-image: url(../images/popup_button_hover.jpg);
}


/*main button div css start here*/

.btnmain
{
    background: url(../images/btn_bg.jpg) repeat-x;
    height: 32px;
    cursor: pointer;
}

.btnleft
{
    float: left;
    width: 11px;
    cursor: pointer;
}
.btnright
{
    background: url(../images/btn_right.jpg) no-repeat right;
    float: right;
    height: 32px;
    cursor: pointer;
}

/*allmap div css start here*/
.allmap
{
    background: #769a43;
    border: 1px solid #78726b;
    width: 100%; 
}

.allmaptd
{
    background: #769a43;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    border-bottom: 2px solid #78726b;
    padding: 5px 5px 5px 10px;
}

.allmaplistbox
{
    background-color: #dbd2c3;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: justify;
    width: 60px;
}

.allmapbtn
{
    background: url(images/play.jpg) no-repeat center;
    width: 61px;
    height: 22px;
    color: #ffffff;
    border: 0px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0px 2px 2px;
    cursor: pointer;
}
/* login div css start here*/




.login
{
    clear: both;
    overflow: hidden;
    overflow: hidden;
    width: 893px;
    height: 430px;
    margin: 0px auto 0px auto;
}

.loginbox
{
	width: 450px; /*height:280px;*/
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

.loginbox th
{
    font-size: 15px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
}

.loginbox td
{
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

.loginbox td span
{
    font-weight: normal;
    color: red;
    font-size: 11px;
    padding:0px;
    margin:0px;
}



.loginheading
{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 5px;
}

.loginpage{ background: #dbd2c3  url(images/image_bg.jpg) no-repeat left bottom}


.img_login
{
    background: url(../images/login_img.jpg) 20px no-repeat;
    padding-left: 200px;
    height: 150px;
    padding-top: 50px;
}

.loginbtn
{
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 25px;
	color: #ffffff;
	border: 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	padding-top: 2px;
}
.nav_search
{
	background: url( '../images/top_bar_bg.png' ) repeat-x left top;
	height: 36px;
}
.search
{
    margin-right: 20px;
    float: right;
    width: 54%;
}
.map
{
    z-index: 1;
    width: 98%;
    margin: 0px auto 0px auto;
    background: grey;
    border: 1px solid grey;
    position: absolute;
}


.Navigation
{
    float: left;
    width: 45%;
   position: absolute;  /* margin: 1px 0px 2px 0px;border:1px solid red;*/
    z-index: 2;
}

/* menu css start*/
#menubar
{
    padding: 0px; /*margin-left:430px;*/
    margin: 0px; /*margin-top: 115px;115*/
    width: auto;
    font-family: arial, sans-serif;
    position: relative;
    z-index: inherit;
    text-transform: none;
    font-weight: bold;
    top: 0px;
}
/* -------------------Added by praveen Nandagiri---------------*/
#menu2Container, #menu2Content
 {
	position: absolute;
	width: 300px;
	height: 200px;
	clip: rect(0 200 200 0);
}
/*-------------------------------------------------------------*/
#menubar li
{
    padding: 0px;
    left: 0px;
    float: left;
    margin: 0px;
    list-style-type: none;
    position: relative;
    top: 0px;
    padding: 0px 10px 0px 10px;
    border-right: 2px solid #5d5955;
}

ol
{
    padding: 0px;
 /*   left: 0px;*/
    margin: 0px;
    list-style-type: none;
    position: relative;
    top: 0px;
}

ol li
{
    display: inline;
}



#menubar a
{
	display: block;
	margin: 0px;
	width: auto;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 35px;
	font-weight: bold;
}
#menubar a.active
{
    display: block;
    margin: 0px; /*WIDTH: auto;*/
    text-align: center;
    text-decoration: none;
}
.menu .options
{
		border:1px solid #e9e1d5;
		padding:0px;
		margin:0px 0 0 40px;
}
.menu li
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
}
.menu a
{
    height: 30PX;
    /*background: #e9e1d5;*/
    background: url( '../images/nav_bg.png' ) repeat-x left top;
    display: block;
    color: #78726b;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    padding: 0PX;
    margin: 0px;
    text-align: LEFT;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #78726b;
    padding-left:10px;
 
}
.menu span{

  
    line-height:30px;
    margin:0px;
    padding:0px;
     

}
.menu a:hover
{
	background: #CC3300;
	height: 30PX;
	color: #FFFFFF;
	padding: 0px;
	margin: :0px;
	padding-left: 10px;
}
/*span
{
    padding-left: 10px;
    line-height:14px;
     
}*/

.msgspan {line-height:28px;}
.imgtitle
{
    padding: 0px 0px 2px 10px;
    margin: 0px;
}


.allbutton
{
	background: #083fbd; /*url(../images/allbutton_img.jpg) repeat-x;*/
	border: 0px solid #ffffff;
	padding: 2px;
	margin: 0px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
}

.blankdiv{ height:10px;}
.blankdiv1{ height:200px;}



/*.tbl
{
	overflow: hidden;
	width: 98%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #B6B6B6;
	font-size: 11px;
}
.tbl th
{
  background: url(../images/grid_th_img.jpg) repeat-x;
  height:30px;
  
    font-size: 11;
    color: #ffffff;    
    text-align: left;
    border: 1px solid #dbd2c3;
     padding-left:5px;
    padding-top:5px;
     padding-bottom:5px;
     padding-right:5px;
     margin:0px;
   
 
}
.tbl td
{
	background: #FFFFFF;
	color: #2f2d2a;
	border: 1px solid #B6B6B6;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tbl a:hover
{
    
    text-decoration:none;
    color: #ffffff;
}
.tbl a
{
   text-decoration:none;
    color: #ffffff;
}


.tb2
{
   overflow: hidden;
   /*Modified Width from 94% to 100% on 13-07-2012*/
    /*width: 100%;*//*
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #9f8d6f;    
    font-size:11px;
    
}
.tb2 span{ padding-left:0px; padding:0;}
.tb2 th
{
	background: url( '../images/ebbtcbindex8_0.gif' ) repeat-x;
	height: 30px;
	font-size: 11;
	color: #ffffff;
	text-align: center;
	border: 1px solid #dbd2c3;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin: 0px;
}
 .tb2 th a
 {
 	text-decoration:none;
    color: #ffffff;
 	}
 .tb2bd  
 {
 	/*width:100%;*/
 	/*margin-left:auto; 
 	margin-right:auto; 
 }
.tb2 td
{
	border: 1px solid #A9A9A9;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #D3D3D3;
	text-align: Center;
}
.tb2 a:hover
{
	text-decoration: underline;
	/*color: #990000;*//*
}
.tb2 a
{
	text-decoration: none;
	color: #000000;
	text-align: center;
}

.tb21
{
   overflow: hidden;
    width: 98%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #9f8d6f;    
    font-size:11px;
    
}
.tb21 th
{
  background: url(../images/ebbtcbindex8_0.gif) repeat-x ;
  height:30px;  
  background-color:#739a42;
    font-size: 11;
    color: #ffffff;    
    text-align: left;
    border: 1px solid #dbd2c3;
     padding-left:5px;
    padding-top:0px;
     padding-bottom:0px;
     padding-right:5px;
     margin:0px;
      
 }
 .tb21bd{  width:98%; margin-left:auto; margin-right:auto; }
.tb21 td
{
	border: 1px solid #808080;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #FFFFC4;
	text-align: center;
}
.tb21 a:hover
{
    
    text-decoration:underline;
    color: #ffffff;
}
.tb21 a
{
   text-decoration:none;
    color: #ffffff;
}
.tb3
{
   overflow: hidden;
    width: 98%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight:normal;
   
    font-size:11px;
    
 	
}
.tb3 th
{
 background: #bfb4a3;
  height:20px;
  
    font-size: 11;
    color: #ffffff;    
    text-align: left;
    border: 1px solid #dbd2c3;
     padding-left:5px;
    padding-top:2px;
     padding-bottom:2px;
     padding-right:5px;
     margin:0px;
   
   
   

}

.tb3 td
{
    background: #bfb4a3;
    height:20px;

    color: #2f2d2a;
    border: 1px solid #dbd2c3;
    padding-left:5px;
    padding-top:0px;
     padding-bottom:0px;
}
.tb3 a:hover
{
    
    text-decoration:none;
    color: #ffffff;
}
.tb3 a
{
   text-decoration:none;
    color: #ffffff;
}*/

.panelmargin
{
	margin-left:10px;
	margin-right:13px;
}
















/*tab css*/

.tab
{
    border: 3px solid #555555;
    overflow: hidden;
    background: #dbd2c3;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    margin-bottom: 5px;
}

/*AJAX TOOLKIT CSS FOR TAB CONTROL*/

.CustomTabStyle .ajax__tab_header
{
    margin: 0px;
    height: 28px;
    padding:0px;
    cursor:pointer;
}
.CustomTabStyle .ajax__tab_outer
{
    padding: 0px 7px 0px 0px;
    background: url(../images/tab_right_curve_active.jpg) no-repeat right;
    margin: 0px;
}


.CustomTabStyle .ajax__tab_inner
{
    background: url(../images/tab_left_curve_active.jpg) no-repeat left;
    margin: 0px;
}
.CustomTabStyle span{  line-height:28px;}

.CustomTabStyle .ajax__tab_tab
{
    margin: 0;
    background: #9f978d;
    padding: 0px;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: url(../images/tab_left_curve_hover.jpg) no-repeat right;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    background: url(../images/tab_right_curve_hover.jpg) no-repeat;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab
{
    background: #78726b;
    color: #ffffff;
    padding: 0px;
}

/*This is for Active TAB*/
.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    background: url(../images/tab_right_curve.jpg) no-repeat right;
    color: #ffffff;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url(../images/tab_left_curve.jpg) no-repeat;
    color: #ffffff;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    background: url(../images/tab-header.jpg) repeat-x;
    padding: 0px;
}
.CustomTabStyle .ajax__tab_body
{
    border-top: 0;
    padding: 0px;
    float:left;
    background-color: #d5cbbb;
    border: 2px solid #ac9e86;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

/*Calender css, ajax*/
.calenderimage
{
    cursor: pointer; padding-top:1px;
  
}

.calender .ajax__calendar_container
{
    padding: 0px;
    cursor: pointer;
    width: 185px;
    height: 180px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #78726b;
    background: #dbd2c3;
}
.calender .ajax__calendar_body
{
	height: 130px;
	width: 185px;
	position: relative;
	overflow: hidden;
	margin: auto;
	border: 1px solid #78726b;
	background-color: #D9D9FF;
}
.calender .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 180px;
    width: 185px;
    position: relative;
    text-align: center;
    margin: auto;
}
.calender .ajax__calendar_container TABLE {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    background-color: #c1d0e3
}
.calender .ajax__calendar_container TD {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    border: 1px solid #337ab7;
}


.calender .ajax__calendar_header {
    height: 25px;
    background: #23527c;
    color: #ffffff;
    padding-top: 5px;
    width: 185px;
}
.calender .ajax__calendar_prev
{
    cursor: pointer;
    float: left;
    padding-left: 20px;
    background-image: url(../images/calender_arrow_left1.png) ;
}
.calender .ajax__calendar_next
{
    cursor: pointer;
    float: right;
    padding-right: 20px;
    background-image: url(../images/calender_arrow_right1.png);
}
.calender .ajax__calendar_title
{
    cursor: pointer;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}
.calender .ajax__calendar_footer {
    height: 25px;
    width: 185px;
    background: #23527c;
    color: #ffffff;
}
.calender .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 4px;
}
.calender .ajax__calendar_dayname
{
    height: 20px;
    width: 25px;
    text-align: center;
    padding: 0 0px;
    color: #555555;
    font-weight: bold;
}
.calender .ajax__calendar_day
{
    height: 17px;
    width: 18px;
    text-align: center;
    padding: 0 2px;
    cursor: pointer; /*background:#ece7dc;*/
}
.calender .ajax__calendar_month
{
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #78726b;
    background: #dbd2c3;
    margin: 3px 2px 0px 1px;
    padding: 0px 2px 0px 2px;
}
.calender .ajax__calendar_year
{
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #78726b;
    background: #dbd2c3;
    margin: 3px 2px 0px 1px;
    padding: 0px 2px 0px 2px;
}

.calender .ajax__calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background: #ffffff;
    color: #000000;
}
.calender .ajax__calendar .ajax__calendar_footer
{
    border-top: 1px solid #f5f5f5;
    background: #ffffff;
}
.calender .ajax__calendar .ajax__calendar_dayname
{
    border-bottom: 1px solid #f5f5f5;
}
.calender .ajax__calendar .ajax__calendar_day
{
    border: 1px solid #ffffff;
}
.calender .ajax__calendar .ajax__calendar_month
{
    border: 1px solid #ffffff;
}
.calender .ajax__calendar .ajax__calendar_year
{
    border: 1px solid #ffffff;
}

.calender .ajax__calendar_active .ajax__calendar_day
{
    background-color: #78726b;
    border-color: #0066cc;
    color: #ffffff;
}

.calender.ajax__calendar_active .ajax__calendar_month
{
    background: #78726b;
    border-color: #0066cc;
    color: #ffffff;
}
.calender .ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
    background: #78726b;
    border-color: #0066cc;
    color: #ffffff;
}

.calender .ajax__calendar_other .ajax__calendar_day
{
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #646464;
}
.calender .ajax__calendar_other .ajax__calendar_year
{
    background: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.calender .ajax__calendar_hover .ajax__calendar_day
{
    background: #769a43;
    border: 1px solid #dbd2c3;
    color: #ffffff;
}
.calender .ajax__calendar_hover .ajax__calendar_month
{
    background: #769a43;
    border: 1px solid #dbd2c3;
    color: #ffffff;
}
.calender .ajax__calendar_hover .ajax__calendar_year
{
    background: #769a43;
    border: 1px solid #dbd2c3;
    color: #ffffff;
}

.calender .ajax__calendar_hover .ajax__calendar_title
{
    color: #ffffff;
}
.calender .ajax__calendar_hover .ajax__calendar_today
{
    color: #ffffff;
}

/* Accordion */
.accordion
{
  overflow:scroll;
  height:400px;
  
 
}

.accordionHeader
{
    border-top: 1px solid #CCC;
    color: white;
    background:#999;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 0px 5px;
    margin: 0px;
    cursor: pointer;
    height: 20px;
    overflow:hidden;
    height:20px;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}



.accordionHeaderSelected
{
	/*border: 1px solid #2F4F4F;*/
	color: white;
	background: none repeat-x;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	height: 20px;
	cursor: pointer;
	background-color: #5DABEB;
}

.ImageButton
{
	 background-image: url(../images/logout_iocn.png) ;
	 height:16px;
	 width:16px;
	 background-repeat:no-repeat;
	 border:0px;
	 
}
.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #f7f1e7;
  
    padding: 0px;
    padding-top: 0px;
    margin: 0px;
    color: #555555;
    overflow:hidden;
    font-size:13px;
}

/* KD */
.ContainerPanel
{
	/*width:400px;*/
	border:1px;
	border-color:#78726b;	
	border-style:double double double double;
}
.collapsePanelHeader
{
	/*width:400px;*/
	height: 30px;
	background-image: none;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	background-color: #70BF41;
}
.HeaderContent
{
	float:left;
	padding-left:5px;
}
.Content
{
	
}
.ArrowExpand
{
	background-image:url(../images/expand_blue.jpg);
	width:13px;
	height:13px;
	float:right;
	margin-top:7px;
	margin-right:5px;
}
.ArrowExpand:hover
{
	cursor:hand;
}
.ArrowClose
{
	background-image: url(../images/collapse_blue.jpg);
	width:13px;
	height:13px;
	float:right;
	margin-top:7px;
	margin-right:5px;
}
.ArrowClose:hover
{
	cursor:hand;
}


/* Bus trip details grid */

.grid1
{
    background: #dbd2c3;
    border: 1px solid #78726b;
    overflow: hidden;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    
}


.grid1 th
{
    background: url(../images/grid1_th_img.jpg) repeat-x;
    height: 30px;
    font-size: 12;
    color: #ffffff;
    border-right: 2px solid #dbd2c3;
    text-align: left;
    padding-left: 4px;

}
.grid1 td

{
    background: #bfb4a3;
    height: 24px;
    color: #2f2d2a;
    border-right: 2px solid #dbd2c3;
    border-bottom: 1px solid #dbd2c3;
    padding-left: 4px;
}

.grid1 a
{
    text-decoration: none;
    color: #ffffff;
    text-align: center;
}

.grid1 a:hover
{
    text-decoration: underline;
    color: #ffffff;
}

/*maindiv start here*/
.maindiv
{ 
width:100%; 
float:left; 
font-size:11px;
background-repeat:no-repeat; 
background-position:middel;
clear:both;
overflow:hidden;
height: 100%;



}

.maindiv1
{ 
width:100%; 
float:left; 
font-size:11px;
clear:both;
overflow:hidden;
height:100%;


}

/* Holly Hack for IE \*/
* html .maindiv 
{ 
height:100%;

}
* html .maindiv1 
{ 
height:100%; 
border:1px solid red; 
}
/* End */

.boxcanvas
{  
width:100%; 
overflow:hidden; 
margin:auto;  
}


.mainbox
{ 
float:left; 

} 

.mainbox1
{ 
float:LEFT;  
margin-right:0%;
} 

.mainbox2
{ 
float:left;

}


/* Holly Hack for IE \*/
* html .mainbox
{ 
float:left; 
margin-left:5%; 
margin-right:5%; 
} 

* html .mainbox1
{ 
float:LEFT; 
margin-left:0%; 
margin-right:0%;
} 

* html .mainbox2
{ 
float:right; 
margin-left:2%; 
margin-right:7%;
}
/* End */




.boxcontainerlist
{ 
width:219px;
margin-top:0px; 
background-image:url(../images/Spot.gif);
background-repeat:no-repeat;
background-position:left top; 
overflow:hidden;
 }

.boxcontainerPeriodical
{ 
width:219px;
margin-top:50px; 
background-image:url(../images/Periodical.gif);
background-repeat:no-repeat;
background-position:left top; 
overflow:hidden;
}

.boxcontainerMonthly
{ 
width:219px;
margin-top:0px; 
background-image:url(../images/Monthly.gif);
background-repeat:no-repeat;
background-position:left top; 
overflow:hidden;
}

.boxcontainerGraphical
{
width:219px;
margin-top:50px; 
background-image:url(../images/Graphical.gif);
background-repeat:no-repeat;
background-position:left top; 
overflow:hidden;
}

.boxcontainerDaily
{
width:219px;
margin-top:0px; 
background-image:url(../images/Daily.gif);
background-repeat:no-repeat;
background-position:left top; 
overflow:hidden;
}



.box1
{ 
background-image:url(../images/boxbg.jpg); 
background-repeat:repeat-x;
height:150px; 
background-color:#fafafa;
width:188px;
margin-top:60px;
margin-left:10px;
}

#navlist
{
margin-left:20px;
padding-left: 0;
list-style: none;
padding-top:2px;
}

#navlist li
{

background-repeat: no-repeat;
background-position: 0.5 em;
padding-top:5px;
line-height:21px;
color:#000000;
border-bottom:solid 1px #ccc;
font-size:14px;
}

#navlist li a:link
{
color:#000000;
text-decoration:none;
}

#navlist li a:hover
{
color:#000000;
text-decoration: underline;
}

#navlist li a:active
{
color:#000000;
text-decoration: none;
}

#navlist li  a:visited{
color:#000000;
text-decoration: none;
}

/*main end here div */

/*fullscreen start here  */
.fullscreen
{
background:#769a43;
padding-left:0px;
padding-right:0px;
cursor:pointer;
color:#ffffff
}


.fullscreentd
{
background:#dbd2c3;
filter:alpha(opacity=70);
color:#ffffff;
font-weight:bold;
font-family:Verdana;
}

.fullscreentd a
{
color:#000000;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}

.fullscreentd a:hover
{
color:#9cca5b;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}

.fullscreenbutton
{
    background: url(../images/fullscreen_icon.png) no-repeat;
    border: none;
    width: 41px;
    height: 40px;
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    cursor: pointer;
    
}

.refresh
{
background: url(../images/refresh-icone-.png) no-repeat;
width: 32px;
height: 32px;
cursor: pointer;
 border: none;
}

.normalmode
{
    background: url(../images/fullscreen_icon1.png) no-repeat;
    border: none;
    width: 40px;
    height: 36px;
    float: right;
    margin: 5	px 0px 0px 0px;
    padding: 0px;
    cursor: pointer;
    padding-top:0px;
}

.go
{
background: url(../images/go.png) no-repeat;
width: 32px;
height: 32px;
cursor: pointer;
border: none;
}

.fullscreenth
{
    background:url(../images/grid_th_img.jpg) repeat-x;
    height:31px;
    font-size: 12;
    color: #ffffff;
    border-right: 2px solid #dbd2c3;
    text-align: left;
    padding-left: 4px;
   
}
.GoogleMapDiv
{
    float:inherit;
    padding-left:270px;
}

.scrollContent {
height:650Px;
border:1px solid #776f67;
overflow-x:hidden;
overflow-y:scroll;
}


.textnew{ border:1px #776f67 solid; background-color:#ffffff; font-size:11px;}

.textnew1{ border:1px #776f67 solid; background-color:#ffffff; font-size:11px; padding-top:20px;}


.CustomTabStyle1 span
{ line-height:28px; 
}
.CustomTabStyle1 .ajax__tab_header
{
    margin: 0px;
    height: 28px;
    padding:0px;
}
.CustomTabStyle1 .ajax__tab_outer
{
    padding: 0px 7px 0px 0px;
    background: url(../images/tab_right_curve_active.jpg) no-repeat right;
    margin: 0px;
}


.CustomTabStyle1 .ajax__tab_inner
{
    background: url(../images/tab_left_curve_active.jpg) no-repeat left;
    margin: 0px;
}


.CustomTabStyle1 .ajax__tab_tab
{
    margin: 0;
    background: #9f978d;
    padding: 0px;
}
.CustomTabStyle1 .ajax__tab_hover .ajax__tab_outer
{
    background: url(../images/tab_left_curve_hover.jpg) no-repeat right;
}
.CustomTabStyle1 .ajax__tab_hover .ajax__tab_inner
{
    background: url(../images/tab_right_curve_hover.jpg) no-repeat;
}
.CustomTabStyle1 .ajax__tab_hover .ajax__tab_tab
{
    background: #78726b;
    color: #ffffff;
    padding: 0px;
}

/*This is for Active TAB*/
.CustomTabStyle1 .ajax__tab_active .ajax__tab_outer
{
    background: url(../images/RightCorner.gif) no-repeat right;
    color: #ffffff;
}
.CustomTabStyle1 .ajax__tab_active .ajax__tab_inner
{
    background: url(../images/RightCorner.gif) no-repeat;
    color: #ffffff;
}
.CustomTabStyle1 .ajax__tab_active .ajax__tab_tab
{
    background: url(../images/Tab-Header.gif) repeat-x;
    padding: 0px;
}
.CustomTabStyle1 .ajax__tab_body
{
    border-top: 0;
    padding: 0px;
    float:left;
    background-color: #dbd2c3;
    border: 2x solid #555555;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}





.panal
{
   overflow: hidden;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #9f8d6f;
    font-size:11px;
  
    
 	
}
.panal th
{
	background: none repeat-x;
	height: 31px;
	font-size: 11;
	color: #ffffff;
	text-align: left;
	border-left: 1px solid #9f8d6f;
	border-right: 1px solid #9f8d6f;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin: 0px;
	background-color: #6699FF;
}
.panal td
{
    background:#dbd2c3;
    /* filter:alpha(opacity=70); */
    color: #2f2d2a;
    border-left: 1px solid #9f8d6f;
    border-right: 1px solid #9f8d6f;
    border-top: 1px solid #9f8d6f;
    border-bottom: 1px solid #9f8d6f;   
    padding-left:5px;
    padding-top:5px;
     padding-bottom:5px;
}
.panal a:hover
{
    
    text-decoration:none;
    color: #ffffff;
}
.panal a
{
   text-decoration:none;
    color: #ffffff;
}

.context
{ 
	   background:#dbd2c3;
      color: #2f2d2a;
    border: 1px solid #9f8d6f;
    color:#000000;
    font-size:11px;
     padding-top:5px;
     padding-bottom:5px;
     text-align:left; 
     text-decoration:none;   
  	}
  	
.context a 
{
	text-decoration:none; 
    color:#000000;
}

.context a:hover  
{
	text-decoration:underline; 
    color:#000000;
}

.classtoppadding{ padding-top:10px;}
.classrightpadding{ padding-right:5px;}
.classrightmargin{ margin-right:10px;}
.classleftmargin{ margin-right:10px;}
.classrighttoppadding{padding-right: 5px; padding-top: 0px;}
.errormessage{color:Red; display: none; padding-right:10px; padding-left:10px; list-style:none;}
.geo_googlemap{ height:500px;width:100%;vertical-align:middle; text-align:center; padding-left:10px; padding-right:10px;}
.PromptText{  border: 1.5px solid #9f8d6f; background-color:#dbd2c3;}
.im{ padding-bottom:10px;}
.divright
{
	width: 300px;
	height: 500px;
	padding-Right:200px;
}

.pisdiv1 {float:left;
 height:20px;
 overflow:hidden;
  width:48%;
  text-align:right;}
  
  .pisdiv2
  {float:right;
   height:20px;overflow:hidden; 
   width:50%;}
   
   .pisdiv11 {float:left;
 height:30px;
 overflow:hidden;
  width:48%;
  text-align:right;}
  
  .pisdiv22
  {float:right;
   height:30px;overflow:hidden; 
   width:50%;}
   
   
   .piserror{height:22px; overflow:hidden; text-align:right; padding-right:40px; font-weight:normal;}
   
  .tb2_1
{
   overflow: hidden;
    width: 94%;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #9f8d6f;    
    font-size:11px;
    
}
.tb2_1 span{ padding-left:0px;}
.tb2_1 th
{
  background: url(../images/grid_th_img.jpg) repeat-x ;
  height:30px;  
    font-size: 11;
    color: #ffffff;    
    text-align: left;
    border: 1px solid #dbd2c3;
     padding-left:5px;
    padding-top:0px;
     padding-bottom:0px;
     padding-right:5px;
     margin:0px;
      
 }

.tb2_1 td
{
   

  
    border: 1px solid #dbd2c3;
    padding-left:5px;
    padding-top:5px;
     padding-bottom:5px;
      background: #bfb4a3;
      text-align:left;
     
}
.tb2_1 a:hover
{
    
    text-decoration:underline;
    color: #ffffff;
}
.tb2_1 a
{
   text-decoration:none;
    color: #ffffff;
}

.tblnew1
{
	background: #FFFFFF;
	color: #2f2d2a;
	border: 1px solid #B6B6B6;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 11px;
}
 	 	

.tblnew1 span
{ padding-left:0px;}
	


.tblnew
{
   overflow: hidden;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom:5px;
  
    font-size:11px;
 padding:0px;

    
 	
}
.tblnew th
{
  background: url(../images/ebbtcbindex8_0.gif) repeat-x;
  height:25px;
  
    font-size: 11;
    color: #ffffff;    
    text-align: left;
    border: 1px solid #dbd2c3;
     padding-left:5px;
    padding-top:5px;
     padding-bottom:5px;
     padding-right:5px;
     margin:0px;
   
   
   

}
.tblnew td
{
    background: #FFFFCC;

    color: #2f2d2a;
    border: 1px solid #dbd2c3;
    padding-left:5px;
    padding-top:5px;
     padding-bottom:5px;
}
.tblnew a:hover
{
    
    text-decoration:none;
    color: #ffffff;
}
.tblnew a
{
   text-decoration:none;
    color: #ffffff;
}

.chromestyle{

font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:30px;
 float: left;
    width: 60%;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 100%;
padding: 11px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
height:30px;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding: 10px 9px;
margin: 0;
text-decoration: none;
border-right: 1px solid #333333;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;z-index:100;

width: 150px;visibility: hidden;

    background: #e9e1d5;
    color: #78726b;
    font-weight: bold; 
    text-decoration: none;
    text-align: LEFT;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #78726b;
  
 
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

   background: #88b558;
  
    color: #FFFFFF;
}

.grid-header_
{
font-weight: bold;
font-family: Verdana;
font-size: 11px;
background-color: #7A9FCB;
text-decoration: underline;
color: #ffffff;
text-align: left;
position: relative;
top:expression(this.parentNode.parentNode.parentNode.scrollTop-2);
left:expression(this.parentNode.parentNode.parentNode.scrollLeft-1);
right:1px;
overflow: auto;
position:absolute;
}

	.header1
	{ 	
	  overflow: hidden;
	position:absolute;

  
	}
.HeadingLable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #70BF41;
}
.ReportLable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #70BF41;
	text-decoration: underline;
	text-align: center;
}
.contentplaceholder
{
	min-height: 400px;
}
.Error
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #0066FF;
}
	
.logo-edge{ display:block; text-align:center; margin-top:100px; margin-bottom:30px;}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    color: #444;
    border-top: 0;
    color: #666;
    border: solid 1px #ccc;
}

.labelcss{ margin-bottom:5px; margin-top:30px; display:block; background:#f00;}
input[type=text]{ border: solid 1px#d2d6de}
select{ border: solid 1px#d2d6de}