/*

All content within #main 

	*/
table {
	width:100%;
}

td {
	vertical-align:top;
	font-family:Verdana , Arial, Helvetica, sans-serif;
	text-align: left;
}



#mainTable {
   			width: 100%;
			float: left;
}


#mainNavCell {
	width:10%;
}

			#subNav {
				float: left;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				width:178px;
			}

#mainContentCell {
	width:90%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px;
}

		
		
		/* Tables  ---------------------------*/
		
		
				/* contentTable ----------------------*/
				
				
				.contentTable {
					margin: 0 auto;
					padding: 0px;
					margin: 0px;
		/*			border: 1px solid #666;
		*/		}
				
				.contentNonPaddedCell-100 {
					width:100%;
					padding: 0px;
				}
				
				.contentPaddedCell-100 {
					width:33%;
					padding: 10px;
				}
				
				.contentPaddedCell-66 {
					width:66%;
					padding: 10px;
				}
				
				.contentPaddedCell-33 {
					width:33%;
					padding: 10px;
				}
				
				.contentPaddedCell-50 {
					width:50%;
					padding: 10px;
				}
			
				
				
				
				/* dataTable ----------------------*/
				
				
						.dataTable {
							margin: 0px 0px 20px 0px ;
							border-collapse:collapse;
							border: #fff; /* fix for removing black borders in Firefox */		
						}
						
						.dataTable caption {
							text-align: left;
							padding: 3px;
							border-top: 1px solid #B5CDEE;	
							border-bottom: 1px solid #B5CDEE;	
							background-image: url(masterPage/data-caption-bg.gif);
							color:#003399;
							font-family: "trebuchet ms", arial, verdana;
							font-weight: bold;
							font-size: 12px;
							line-height: 26px;
						}
						
						.contentCell-100 .dataTable caption /* removes Caption top-border if no padding */
						{
							border-top: none;
						}
						
						.dataTable th {
							font-family:  verdana, arial;
							padding: 5px;
							background-color:#eee;
							color: #666;
							text-align: left;
						}
						
						.dataTable tr {
						/*	background-color:#666; */
						}
						
						.dataTable tr.odd{
							background-color:#efefef;
						}
						
						
						.dataTable td {
							padding: 5px;
							color: #666;							
		
						}
						
						.dataTable tr.gridViewSelected
						{
							background-color:#039;
							}

						.dataTable tr.gridViewSelected td
						{
							color:white;
							}

						
					
				/* infoTable ----------------------*/
				
				
						.infoTable {
							margin: 0px 0px 20px 0px ;
							border-collapse:collapse;
							border: #fff; /* fix for removing black borders in Firefox */
							
						}
						
						.infoTable caption {
							text-align: left;
							padding: 5px;
							border-top: 1px solid #B5CDEE;	
							background-image: url(masterPage/info-caption-bg.gif);
							color:#003399;
							font-family: "trebuchet ms", arial, verdana;
							font-weight: normal;
							font-size: 12px;
						}
						
						.contentCell-100 .infoTable caption /* removes Caption top-border if no padding */
						{
							border-top: none;
						}
						
						.infoTable th {
							padding: 5px;
							color: #003399;
							font-family: "trebuchet ms", arial, verdana;
							font-size:10px;
							text-align: left;
							font-weight: bold;
							border-bottom: 1px dotted #003399;
						}

						.infoTable tr{
						}
						
						.infoTable tr.odd{
							background-color:#efefef;
						}
												
						.infoTable td{
							padding: 5px;
							color: #666;
							border-bottom: 1px dotted #ddd;
							margin:0px;
						}
						
				/* addEdit Table ----------------------*/
				
				
						.addEditTable {
							margin: 0px 0px 20px 0px ;
							border-collapse:collapse;
						 
							
						}
						
						.addEditTable caption {
							text-align: left;
							padding: 5px;
							border-top: 1px solid #B5CDEE;	
							background-image: url(masterPage/info-caption-bg.gif);
							color:#003399;
							font-family: "gill sans mt", "trebuchet ms", arial, verdana;
							font-weight: normal;
							font-size: 12px;
						}
						
						.contentCell-100 .addEditTable caption /* removes Caption top-border if no padding */
						{
							border-top: none;
						}
						
						.addEditTable th {
							padding: 5px;
							color: #003399;
							text-align: left;
							font-weight: bold;
							border-bottom: 1px dotted #003399;
						}

						.addEditTable tr {
							border-top: 1px dotted #ccc;	
						}
						
						.addEditTable td{
							padding: 5px;
							color: #666;
							border-bottom: dotted 1px #ccc ;	
						}
						
						.addEditTable td.inputLabel{
							color: #666;
							border-top: 1px dotted #ccc;	
							font-weight: bold;
							width: 50%;
							
						}
						
						.addEditTable td.inputField{
							color: #666;
							border-top: 1px dotted #ccc;	
							background-color: #E0EAF8;
							width: 50%;							
						}
						
						/*
						    Fix for using 
							<table class="addEditTable fourColumns">													
						*/
						.fourColumns td.inputLabel{
							width: 25%;
							
						}
						
						.fourColumns td.inputField{
							width: 25%;							
						}
						
						
				        .addEditTable td.inputLabelSmall{
					            color: #666;
					            border-top: 1px dotted #ccc;	
					            font-weight: bold;
					            width: 5%;
				            }
        				
				        .addEditTable td.inputFieldLarge{
                                color: #666;
                                border-top: 1px dotted #ccc;	
                                background-color: #E0EAF8;
                                width: 50%;
				            }
        						
							.addEditTable  .lessPadding td
								{
									padding: 1px 1px 1px 1px;
									}
							
				/*  gridTable ----------------------*/

						.gridTable {
							margin: 0px 0px 20px 0px ;
							border-collapse:collapse;
							border: #fff; /* fix for removing black borders in Firefox */		
						}
						
						.gridTable caption {
							text-align: left;
							padding: 3px;
							border-top: 1px solid #B5CDEE;	
							border-bottom: 1px solid #B5CDEE;	
							background-image: url(masterPage/data-caption-bg.gif);
							color:#003399;
							font-family: "trebuchet ms", arial, verdana;
							font-weight: bold;
							font-size: 12px;
							line-height: 26px;
						}
						
						
						.gridTable th {
							padding: 5px;
							color: #666;
							text-align:center;
							background-color:#CCC;
							font-weight: bold;
							border: 1px solid #fff;
						}
						
						.gridTable tr {
						/*	background-color:#666; */
						}
						
						.gridTable tr.odd{
							background-color:#efefef;
						}
						
						
						.gridTable td {
							padding: 5px;
							color: #666;							
							text-align:center;
							border: 1px solid #fff;
						}

						.gridTable td img{
							margin: auto;
						}

						
						
		/* paging ----------------------*/

			.pagingBottom
			{
				text-align: center;
				padding: 0px 0px 10px 0px;
			}
			
			.pagingBottom a:link, 
			.pagingBottom a:visited
			{
				color: #ff0;	
				border: solid 1px #eee;
				padding: 6px;
				
			}
			
			.pagingBottom a:hover, 
			.pagingBottom a:active
			{
				background-color: #eee;
				text-decoration: none;
				}
						
		
		
		/* text ----------------------*/
		
		#mainContentCell h1 {
			color:#003399;
			font-family: "gill sans mt", "trebuchet ms", arial, verdana;
			font-weight: normal;
			font-size: 18px;
		}
		
		#mainContentCell h2 {
			color: #666;
			font-family: "gill sans mt", "trebuchet ms", arial, verdana;
			font-weight: normal;
			font-size: 14px;
		}
		
		#mainContentCell h3 {
			color:#333;
			font-size: 12px;
		}
		

		
		/* other ----------------------*/
		
		td.cellNumeric, th.cellNumeric  {
			text-align: right;
		}
		
		td.cellNoPadding, th.cellNoPadding  {
			padding:0px;
		}


		.noPadding td {
            padding: 0px 0px 0px 0px;
            vertical-align: middle;
		}

		.lessPaddingAll td {
            padding: 2px 2px 2px 2px;
            vertical-align: middle;
		}

		.lessPaddingVert td {
            padding: 2px 5px 2px 5px;
            vertical-align: middle;
		}

		.lessPaddingHoriz td {
            padding: 5px 2px 5px 2px;
            vertical-align: middle;
		}
		/* apply this to a div to remove all formatting ----------------------*/
		.removeTableStyle td 
		{
		padding: 0px;
		margin: 0px;
		border: none; 	
		}