﻿/*********	Global	**********************/

*								{	margin:0; padding: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;
    							 	}	/* 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:70em;	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		*/	
#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:0 3em ;}

	/****
.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;**/
.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;}				/*	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] 	{	background:#fff url(../img/bgmenu-strong.PNG) repeat-x;	border:1px solid #A5ACB2;padding:.2em 0;	color:#333;	font-weight:bold;}
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:9em; 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}
 
 
   
   
.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;  
}       

.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;
} 

       