/*********	Global	**********************/

* {
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
h2								{	font:bold 2em/1.4  Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; color:#0099cc;	margin:1em;}
h3								{	font:bold 1.5em/1.6  Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; color:#0099cc;	margin:1em;}
h4								{	font: 1em/1.4  Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; color:#0099cc;	margin:0 1em 1em 1em;}
h5								{	font:normal 1em/1.4   Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; margin:0 1em 1em 1em;}

h6								{	text-align:left; width:100%; font:bold 1.2em/1.3  Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; color:#0099cc;	margin:.2em;}

body {
	background: #F7F7F7;
	font-size: 90%;
	color: #333;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}	/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
    							 	    
    							 	    /* font-family: 'Open Sans', sans-serif;*/
a:focus, a:hover, a:active		{	text-decoration:underline;}



/*********	End Global	*****************/
/*********	Common for all pages ********/

	/****	General Layout			****/
								/********
								the #outer div is the key element to the flexibility of this design. By setting maximum and minimum widths in 'em', whilst the width is set in '%', we effectively create the perfect combination of 'fluid' and 'elastic' layouts.
								Javscript is used to add support for min/max width in IE.
								Any elements inside #outer that require a set width or horizontal margins/padding use the '%' unit for that value.
								This means that regardless of what causes the #outer div to expand (font size or screen size), the content will seemlessly re-flow to fill that space.
								*********/
#outer							{	margin:0 auto;width:100%;  min-width:78em;	border:8px solid #fff;	border-width:0 1px; background:#fff; height:100%; min-height:30em;	max-height:100em; }/* max-width:100em; background:#EEFAEA; */
#contentPlaceHolder				{	clear:both;min-height:100%;height:auto !important;height:100%;}

ul#nav:after, #outer:after, #sub:after, form:after, form div:after
								{	content:".";display:block;visibility:hidden;clear:both;	height:0;}/* float clearing !!! */	
.off							{	position:absolute;	left:-1000em;	top:-1000em;}/* hiding of elements for assistive devices (screen readers etc) */

	/*		Title		*/	

/* *** 2025 Srart remove put header format in the home css    */

/*#header							{	border:none; min-width: 70em;height:100px; background:transparent url(../img/background_solid.png) repeat scroll 0 0;}*//* border: 1px solid #fff;*/

/*#header div.logo1				{	background:transparent url(../img/logo1.jpg)  no-repeat;padding:0;}*//*#header div.logo{	text-decoration:none; padding-left:.6em; letter-spacing:1pt;color:#0099cc;	font:bold 3em   Georgia, Times, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; } */
/*#header div.logo1				{	background:transparent url(../img/sridesLogo3.jpg)  no-repeat;padding:0;}*//*#header div.logo{	text-decoration:none; padding-left:.6em; letter-spacing:1pt;color:#0099cc;	font:bold 3em   Georgia, Times, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; } */
/*#header div.logo1 				{	background:transparent url(../img/logo3.jpg)  no-repeat;padding:0;}*//*#header div.logo{	text-decoration:none; padding-left:.6em; letter-spacing:1pt;color:#0099cc;	font:bold 3em   Georgia, Times, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; } */
/*#header div.logo				{	background:transparent url(../img/logo8.jpg)  no-repeat;padding:0; }*//*#header div.logo{	text-decoration:none; padding-left:.6em; letter-spacing:1pt;color:#0099cc;	font:bold 3em   Georgia, Times, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; } */

/*#header .login					{	overflow: visible;float :right; color:#0099cc;width :18em; text-decoration:none;font:bold 1em/2 Georgia, Times, serif; text-align:right;padding-right:1em}
#header .login a				{	color:#0099cc; padding-left:3em ;}*/


/**** 2025 End remove put header format in the home css    ***************/



	/****
.mainmenu						{	padding:0;	font: 1em/1.8  Trebuchet, Verdana, Arial, Helvetica, 'Lucida Grande', Arial, tahoma, verdana, sans-serif;	
									color:#0099cc;	
									background  :  url(../img/bgmenu-strong.PNG); 
									height:1.8em;	
									min-height:2.4em;
									border-top:1px solid #4f7600;	
									border-bottom:1px solid #4f7600; }/** 4f7600;**/




/* 2025 new menu design  willneed to change it 	

.mainmenu						{	padding:0;	font: 1em  Trebuchet, Verdana, Arial, Helvetica, 'Lucida Grande', Arial, tahoma, verdana, sans-serif;	
									color:#0099cc;	
									background  :  url(../img/bgmenu-strong.PNG); 
									height:1.8em;	
									min-height:2.4em;
									border-top:1px solid #4f7600;	
									border-bottom:1px solid #4f7600;
									z-index:600; }		
.mainmenu div					{	float:right;padding:0}

*/ 












	/****	Content Containers		****/
								/******
								div#sub is an extra wrapper, which allows the center column to come first in the source. 
								#sub is floated left, with #center -the content column- nested within and floated to the right.
								concept from http://www.positioniseverything.net/piefecta-rigid.html
								*****
								*/
#sub, #right					{	word-spacing:.1em;margin-bottom:1em; font: 1em/1.5  Trebuchet, Verdana, Arial, Helvetica, 'Big Caslon' ,Georgia, 'Lucida Grande', arial, verdana, sans-serif;	}
#sub							{	width:101%;	
float:left;		position:relative;
}
#center							{	width:87%;	float:right;}
#left							{	width:13%;	float:left;	}
#right							{	width:15%;	float:right;}
  
	/*		Main Col Contents	*/
#center							{	background-color:White; background-image:none;	}
#center p						{	margin:.5em 2% .5em 0; text-indent:3em; line-height:1.8em;padding:1em 2em 0em 2em; background-color:White; font-size:1em; }/* text-align:justify; */
#center .line					{	border-top:3px dotted #C8DCC2;	width:100%;margin :2em 0 0 0	}

	/*		background			*/	
body, #sub, #center, #right, #left, .contentPlaceHolderHome
								{	background-color:White;
                                    /*
                                        top: 1px;
                                        left: -1px;

                                    */
                                }				/*	background:transparent url(../img/background_solid.png) repeat scroll 0 0;background:transparent url(../img/bg-soft.gif) repeat;*/	
	
	/*		Containers used in HOME page  */
#left							{	font-size:.9em; height:100%;}			/* border-left:1px solid #C8DCC2; margin:8 0 1em 0; */
img.img-right					{	float:right;}


	/****	Footer						****/
#footer							{	clear:both; height:3.8em; background:transparent url(../img/background_solid.png) repeat scroll 0 0; border-top:1px solid #aaa;border-bottom:1px solid #aaa; margin: 1em 0 0 0;color: #666; font:.9em/1  Trebuchet, Verdana, Arial, Helvetica, 'Lucida Grande', Arial, tahoma, verdana, sans-serif ; background-color:#EEFAEA; }
#footer a						{	color: #666; }
#footer p						{	margin:1em 1em 0 0;text-align:right; }	/* width:20%;float:right; */
#footer ul						{	list-style:none;margin-top:.7em; }
#footer li						{	display:block;	float:left;	width:3em;	min-width:6em;	white-space:nowrap;	padding:.3em 2%;height:2.8em;}
#footer li ul li				{	list-style:none;width:11em;	display:block;border:none;padding:.1em 1%;height:1em; }


	/****	Form elements				****/
.searchCriteria					{	font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif;	margin:.5em 2em;color:#0099cc;	}
legend							{	font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif; color:#0099cc;	}

label							{	 display:block; }	/*		*/		
*label							{	margin-top:.5em; display:block; }	/*		*/

input.btn, input[type=submit],
input.extrastrong-btn, input[type=submit].extrastrong 
{
	background: #fff url(../img/bgmenu-strong.PNG) repeat-x;
	border: 1px solid #A5ACB2;
	padding: .2em 0;
	color: #333;
	font-weight: bold;
}
/* temporary made the same style as strong so all btn looks the same  input.extrastrong-btn, input[type=submit].extrastrong   

input.extrastrong-btn, input[type=submit].extrastrong {
		padding: 0 2em;
		font-weight: bold;
		background: #fff url(../img/btn_extrastrong.jpg) repeat-x;
		border: 1px solid #A5ACB2;
		padding: .2em 0;
		color: #333;
		font-weight: bold;
	}

*/

input.txt, input[type=text] 	{	color:#333; background:#fff; border:1px solid #A5ACB2; height:1.5em;} /* june 2013 - need to add height to make the text box little bigger */
.LoginTxt						{	margin:.5em 0 1em 0;padding:.2em 0;color:#333;background:#fff;border:1px solid #A5ACB2;}


#RadioButtonListTypeOfExcel label	{	display:inline;  }							/*	for opt btn need inline display	*/											

input[type=radio] 					{	float:left; font-size:1em; padding-right:.3em }	/*	for opt btn need inline display	*/											
*input[type=radio] 					{	 height:2.5em; }	/*	for opt btn need inline display	*/											

/**********  End Common for all pages  ***********/


/**********  Page specific elements	**************/

	/****	Elements for Home Page		****/
	/*		Links Lists */
.linkList						{	}	/* background:transparent url(../img/ll_bg.png) repeat scroll 0 0;	*/
.linkList h2					{	padding:20px;color:#0099cc;margin:.1em;}
.linkList h4, .linkList h4 a	{	font-weight:bold;color:#0099cc; margin:.2em .3em;padding:.2em 1em .1em .5em;  }
.linkList h4, .linkList h4 a	{	font-weight:bold;color:#0099cc; margin:.2em .3em;padding:.2em 1em .1em .5em;  font:normal 1.2em/1.3   verdana, sans-serif; }
.linkList h5 a					{	color:#0099cc; margin:.5em 1.2em ; font:normal 1em/2 Georgia, Times, serif; border-bottom:1px dotted #0099cc;}    /* text-decoration:none; */
.linkList h6 a					{	color:#0099cc; margin:.5em 1.2em ; font:normal 1.2em/1.3   verdana, sans-serif; border-bottom:none;}    /* text-decoration:none; */
              					 	          					 	
.linkList ul					{	margin:.1em;padding:0 0 0 0;list-style:none;min-width:10em;	}
.linkList ul li					{	background-image:none; }
.linkList ul li	div				{	margin:0 .3em;padding:.5em 1.5em 2em 2em ; text-align :left}
.linkList ul.bglist li		    {   border: solid 1px #e4f0f4;  background: #f4f9fa;    }    /*	{	border: none; }  background:#f4f9fa ; solid 1px #e4f0f4;  url(../img/separator.png)  repeat-x transparent background:transparent url(../img/separator.png)  repeat-x; */


.linkList ul li	a, .linkList ul li	a:focus, .linkList ul li a:hover, .linkList ul li a:active		
								{	display:block; height:1.5em;  font-weight:normal; color:#4B4740;color:#0099cc; white-space:nowrap;}/* text-decoration:none;	border-bottom:dotted 1px #666; */
.linkList ul li	a:focus, .linkList ul li a:hover,.linkList ul li a:active,
.linkList h5 a:active, .linkList h5 a:hover, .linkList h5 a:focus	
								{	text-decoration:underline}


	/*		Tool Tip	TODO Images        */
.elementToolTip {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt     {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop  {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot  {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}





	/***	Elements for Login screens		***/
.LoginContent, .LoginContent a	{	font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif;	padding:.5em 2em;color:#0099cc;	}
						



	/***	Elements for History screen		***/
	/*		search criteria			*/
.lbllarge,.lblsmall				{	margin-right:.3em; margin-bottom  :.8em; width:564px; 
float:left; font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;
    height: 52px;
}			
.lblsmall						{	width:200px;}
.strong-btn						{	padding:0 2em;}
.resultpanel					{	min-height:600px; min-width:940px ; }


.FileUploadStyle				{	font: .9em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif ;  }			
	

				

.msgStyle, .msgErrStyle, .msgInfoStyle					
								{	color:#0099cc; padding-left:.3em; margin-bottom  :.8em ; width:68em; float:left; font: .9em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif ;  }			
.msgErrStyle					{	color:Red; }		
.msgInfoStyle					{	color:Green; }	
		
								 	                      
		/******	    Quarterly Ridership screen      ******/
		/***	    Infragistic Ultra Web Grid 		  ***/
.wdGridHeaderStyle, .wdGridRowStyle		
								{	color:#4B4740;text-align:Left; white-space:normal; Vertical-Align:middle; padding:1em 4em; font-size:1.1em; 
								 	font-weight:normal;font-family:  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif; }	
								 	/*  "../../img/grdHeaderBG.jpg"
								 	/*  border and Background-Image (Background-Image:url(../img/grdHeaderBG.jpg);) does not work from css so have to put it on the page inline style */
.wdGridRowStyle, .wdGridAltRowStyle	
								{	font-size:1.2em; background-color:#fff	}/* grdRowBG does not exist Background-Image:url(../img/grdRowBG.GIF) ; background-repeat:repeat-x;  - todo*/
.wdGridEditMode					{	background-color:#FFFFCC;	}

	   /***	  Other elements on Quarterly Ridership screen 		***/
.smalCaption					{	padding-left:1.8em;  font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif; text-decoration:none;font-weight:bold; color:#666666; }/* color:#0099cc; blue is not contrasting enough for small caption */ 

.lblxsmall						{	margin-right:.3em; margin-bottom  :.8em; width:22.6em; float:left; font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; }			
.div15lFloat					{	margin-bottom  :.8em ; width:30em; float:left; font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; }			
.statusCaption					{	padding-left:.3em;	font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif; text-decoration:none;font-weight:normal; color:#0099cc; }

.popupLookDesign				{	z-index:15; top:100px; left:75px; position:relative ;background-color :White ;border:solid 1px #666666; }
.popupLookRuntime				{	z-index:15; top:30px; left:218px; position:absolute ;background-color :White; border:solid 4px DarkOliveGreen;}
.popupReportLookRuntime		    {	z-index:15; top:30px; left:5em; position:absolute ;background-color :White; border:solid 4px DarkOliveGreen;}


.lblFont						{	font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif;	margin:.5em 1em; 	}




.smalCaptionForExcel			{	padding-right:1.5em;  font: 1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, sans-serif; text-decoration:none;font-weight:bold; color:#666666; }/* color:#0099cc; blue is not contrasting enough for small caption */ 
/**********  End Page specific elements		**********/


/**********  Elements for Infragistic Controls *******/
.rightAlign						{	text-align:right; }



.textReadOnly, input.textReadOnly {border-style:none; color :#333333; background-color:Transparent; padding-top:5px;}
.lblForm180						{ width:8em;  float:left; }


/***************   SS   ************/
/** #ctl00_ContentPlaceHolder1_grdDetails_ci_0_0_0_btnDeleteGrdDetailRow, **/
input[type=submit].btnDelete	{	background:url('../img/delete_img.JPG') no-repeat left top;
width: 25px;height: 25px; text-indent:3px;
									border-style:none; color:#993333;
}


/** input[type=submit].btnDelete:hover	{  background:#fff url(../img/delete_img_hover.JPG) no-repeat top left; color:red ;} **/

.linkBtn						{	color:#0099cc; margin:.5em 1.2em ; font:normal 1em/2 Georgia, Times, serif;text-decoration:none; font-weight:bold; border-bottom:solid 1px #0099cc; }

.CommentsFont					{	font:normal 1em/1.4  Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;}


/* notification */
    .pnl    {	background:#e2eeb2; border: 3px double #0099cc; padding:1em; width:10em;}
    .totalItems {font-weight:bold; color:#333;  padding:0 1em;margin:0}
    .critical {font-weight:normal; color:red;  padding:0 1em;margin:0}
    .noitems {font-weight:normal; color:#333; padding:0 1em;margin:0}
    
    
    
 .informationalMsg  {font-weight:normal; color:green;  padding:0 .1em; margin:0}
 .errorMsgcritical  {font-weight:normal; color:red;  padding:0 .1em;margin:0}











/* 2025 new menu design  willneed to change it 	*/

.MenuItem, .SubMenuItem, .StaticMenuItem, .HoverpaddingSubMenuItem, StaticSelectedStyle {
	display: block;
	color: #0099cc;
	text-decoration: none;
	z-index: 68;
	font: 1em Trebuchet, Verdana, Arial, Helvetica, 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	padding: 3px 10px 5px 10px;
	border-right: 1px solid #CEE373;
	border-bottom: 1px solid #CEE373;
	padding: 3px 10px 5px 10px;
}       

.MenuItem {border-right:0px solid #CEE373; padding-bottom:1px;		}   
         
.StaticMenuItem{           
       background-color: #e7efbd ;  padding-bottom:1px;	padding-right: 5px; padding-left:5px;		 
       background  :  url(../img/bgmenu-strong.PNG); 
 }	

.SubMenuItem, .HoverpaddingSubMenuItem {          
		background-color: #e7efbd ; 		
  }			
				
.HoverpaddingSubMenuItem{          
     background-color: #D6E784; 
               
}	

.StaticSelectedStyle { background-color: #D6E784;   background-color: #d6ebef ;     background  :  url(../img/bgmenu-strong.PNG);  background-image: url(../img/bgtop-soft.gif); } 

























/*.lblApplarge,.lblAppsmall			{	margin-right:.3em; margin-bottom  :.8em; font: 1.1em  Trebuchet, Verdana, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif; }			
.lblAppsmall						{	width:200px;}
*/
.lblRequired					{	text-indent:.5em; }
.lblRequired:before					{	content:"*"}


.AppCheckBox
{  float:left;
   position:relative ;
   top:1px; 
   white-space :nowrap ;
   font:red; }


/*  for the ViewGrid */


 /*                         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";      /* IE 8 */           
 /*                         filter: alpha(opacity=90);                                              /* IE 5-7 */        
 /*                         -moz-opacity: 0.9;                                                      /* Netscape */           
 /*                         -khtml-opacity: 0.9;                                                    /* Safari 1.x */             
 /*                         opacity: 0.9   ;                                                        /* Good browsers */
                        
                        
                            
								 	
								 
	.grdHeader  {        background-color:#E3EAEB; font-weight:normal; Color:#4B4740; padding:1px 2px;
	                    border-bottom:1px solid #A5ACB2; text-align :left ;font-weight:bold; text-align :left; margin-bottom:2px; }	
	                        /* eff7ce */
	.grdFooter  {        background-color:#e7f7c6; font-weight:normal; Color:#4B4740;padding:1px 2px;
	                    border-bottom:1px solid #A5ACB2; text-align :left ;font-weight:bold; text-align :left }	
	                        /* E3EAEB */
							 	
	.grdRow     {       background-color:#f7f7f7; font-weight:normal; Color:#4B4740;padding:1px 2px ; margin:2px;
	                     text-align :left ; }									 	
		

  
    
	 .item_column80	, .item_column80thbold	    { width:80px;max-width:100px; text-align :left;}	
	 .item_column80thbold	                    { font-weight:bold}	 
      
    .textBoxBorder, input.textBoxBorder, .item_column80.textBoxBorder      
                        {     
                            border:1px solid Gainsboro;     background-color:#f7f7f7; background-color:transparent;
                         border-style:none;    
                       }	  
    	    	
    .textBoxNoBorder, input.textBoxNoBorder, .item_column80.textBoxNoBorder
                        {border-style:none;                       
                        background-color:transparent;
                        }		
    
    .item_column30    { width:30px; text-align :right;}	
    
    .item_column80.textBoxBorder, .item_column80.textBoxNoBorder, .width80 {width: 80px;}  
     	  
	.item_column100, .item_column100thbold      { width:100px; text-align :left;}	
	.item_column100thbold	                    { font-weight:bold; }	
	
    .item_column200	, .item_column200thbold	 	{ width:200px; text-align :left;}	     	
	.item_column200thbold	                    { font-weight:bold}	
	
	
		/*  Ridership grids */	
			.grdRidership{font-family:Verdana,Arial,Helvetica,sans-serif,Microsoft Sans Serif; font-weight:normal; font-size:0.9em}			
			table.grdRidership tbody tr th, table.grdRidership tbody tr td 	
			                    {padding:1px; line-height:1.2em;  vertical-align:top;text-align : left  ;padding-left :3px ;     
			                     background-color:transparent; width:80px;} 
	
			
			.indentLeft {padding-left :30px;  Color:#1c5e55 }
			/* 
            .FocusRow:focus {background-color:#FFFFCC;} 
			.ftLbl{Color:#1c5e55 }
			.colLbl{Color:#1c5e55; width:80px; float:left;}
			table.grdRidership tbody tr td span.item_column100 input[type="text"],table.grdRidership tbody tr td input[type="text"]
			{ background-color:#f7f7f7; width:80px; }

			.infodiv{font-size:10px;line-height:12px;color :#999}
            */  
			table.grdRidership tbody tr th span.item_column30, table.grdRidership tbody tr td span.item_column30{ background-color:transparent ; width:30px; }
						
			table.grdRidership tbody tr td span.item_column30 input[type="text"],table.grdRidership tbody tr td input[type="text"]
			{ background-color:transparent ; width:30px; }
						
			table.grdRidership tbody tr td span.item_column80 input[type="text"],table.grdRidership tbody tr td input[type="text"]
			{ background-color:transparent ; width:80px; }
			
			table.grdRidership tbody tr td span.item_column80 input[type="text"]:focus,  
			table.grdRidership tbody tr td input[type="text"]:focus 
			{ background-color: #FFFFFF; color: #000000 !important;width:80px;  }
				
				
			table.grdRidership tbody tr td span.item_column80 input[type="text"]:disabled::-ms-value,  
			table.grdRidership tbody tr td input[type="text"]:disabled::-ms-value
			{ background-color: transparent ; color: #000000 !important; width:80px;  }
			
			    
            .txt_align_left {text-align :left}  
            .rightBorderForTheGrid {border-right:1px solid #A5ACB2}
            
            
  .noPaddCalendarExtender td  { padding:0 !important; margin:0 !important; }
  
  
  .ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;}
  
  .cal_Theme1 .ajax__calendar_container   {  
    background-color: #e2e2e2;   
    border:solid 1px #cccccc; 
position: relative;
width: 270px;
font-size: 1em;
z-index: 5000000;
} 

.cal_Theme1 .ajax__calendar_header  {  
    background-color: #ffffff; padding:0 !important; margin:0 !important; overflow:visible  ;  z-index:6000000;font-size: 1em;
    margin-bottom: 4px;  
}  
  
.cal_Theme1 .ajax__calendar_title,  
.cal_Theme1 .ajax__calendar_next,  
.cal_Theme1 .ajax__calendar_prev    {  
    color: #004080;   
    padding-top: 3px;  
}  
  
.cal_Theme1 .ajax__calendar_body    {  
    background-color: #e9e9e9;   
    border: solid 1px #cccccc;  
}  
  
.cal_Theme1 .ajax__calendar_dayname {  
    text-align:center;   
    font-weight:bold;   
    margin-bottom: 4px;   
    margin-top: 2px;  
}  
  
.cal_Theme1 .ajax__calendar_day {  
    text-align:center;  
}  
  
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,  
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,  
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,  
.cal_Theme1 .ajax__calendar_active  {  
    color: #004080;   
    font-weight: bold;   
    background-color: #ffffff;  
}  
  
.cal_Theme1 .ajax__calendar_today   {  
    font-weight:bold;  
}  
  
.cal_Theme1 .ajax__calendar_other,  
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,  
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {  
    color: #bbbbbb;  
}  

    .circle                 {       cursor: pointer; cursor: hand;  font:bold 1.2em  arial, tahoma, verdana, sans-serif;
                                            background:#dbf1aa url("../../img/bgmenu-strong.PNG") repeat-x scroll 0 0;
                                            width: 1.5em; height: 1.5em;  color:#666666;   margin:0 1em;   padding:.1em .4em .1em .6em; 
                                            border: 1px solid #606653;    border-radius: 50%;  }






.RadioButtonListYesNo td {
    padding-left: 1em;
    width: 20em;
    font-size: 1.1em;
    font-family: Trebuchet,Verdana,Helvetica,"Palatino Linotype","Book Antiqua","Lucida Grande",arial,tahoma,verdana,sans-serif;
}

.RadioButtonListYesNo label {
    display: block;
}

.RadioButtonListYesNo input {
    margin-top: -1em;
    margin-left: -1.2em;
} 

       /* 2025 ovewrite some of the styles */

/* did not change the style only actuaal image replaced in the images and added .strong-btn so it is the same style
	 .strong-btn and .btn is used for btnCreate in QMR. QVR, MRD, 
	 .extrastrong: 
				for Submit and Nav  in SS, 
				for Review, Save and Nav and progress bar 5310 Applications and in NJJARC
				For Review, Discontinue and Submit in Vanpool
	So for now did not change the css="extrastrong" in the pages, but make all the same in style 
*/
input.btn, input[type=submit],
input[type=submit].strong-btn, .strong-btn,
input.extrastrong-btn, input[type=submit].extrastrong {
	background-image: url(../img/bgmenu-strong.PNG);
	background-repeat: repeat-x;
	border: 1px solid #A5ACB2;
	padding: .2em;
	color: #333;
	font-weight: bold;
	margin-right: .2em;
}


	/* temporary made the same style as strong so all btn looks the same  input.extrastrong-btn, input[type=submit].extrastrong 
		put bgmenu-strong.PNG  instead of  url(../img/btn_extrastrong.jpg);  */
	input[type=submit].strong-btn, .strong-btn, input.extrastrong-btn, input[type=submit].extrastrong {
		background-image: url(../img/bgmenu-strong.PNG);
		background-repeat: repeat-x;
	}

#pnlSearch {
	min-height: 50em;
}





/* its used form  5310 vanpool and NJJARC applications UCProgress and accordion css
	I am removing the style from the pages and adding it to the main.css instead 
	Also there was a defect in the style so cleared it up and change the font to match the new UI style 
*/
.accordionSectionHeader {
	clear: both;
	color: #0099cc;
	margin: .5em 0.1em;
	font: bold 1.2em/1.3 'Open Sans', Verdana, Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;
}



/* its used form thead navigation command progress bar content thead page form  5310 vanpool and NJJARC applications 
	I am removing the style from the pages and adding it to the main.css instead 
	Also changing the background color because we do not need it 
*/
.navLink, .navLink a {
	/*background-color: #dbf1aa; */
	color: #0099cc;
	font-family: verdana, Arial;
	text-decoration: none
}