/* 
Generic Styling, for Desktops/Laptops 
*/

.table_row, .Row
{
    display: table-row;
    width:100%;
    border:0;
    margin:0;
    padding:0;
    
}

.q_a_col1,
.q_a_col2
{
	text-align:justify;
	padding-bottom:6px;
    float:left;
}
.q_a_col1
{
	width:4%;
	font-weight:bold;
}

.q_a_col2
{
	width:96%;
}

.table_margin_bottom,
.table_margin_both
{
	margin-bottom:20px;
}

.table_margin_top,
.table_margin_both
{
	margin-top:20px;
}


table { 
	width: 100%; 
	border-collapse: collapse; 
	padding:0;
	border:0px black solid; 
	margin:0 auto;  
    margin-bottom:.9em;
	margin-top:.9em;
}

th { 

}

	

tr.title
{
	border-color:transparent;
}
	
tr.title,
tr.title_dark
{
	text-align:center;
	/*font-weight:bold;*/
}	

tr.title_dark th, tr.title_dark td
{
	background-color:#15406E;
	border-color:#15406E;
	color:White;
	line-height:100%;
	padding:0;
	padding-bottom:2px;
	padding-top:2px;
	vertical-align:bottom;	
	height:1.3em;
	
}

td
{	

	border:1px solid;
	border-color:inherit;
	border-top:0;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:.5%;
	padding-right:.5%;
	
	
	
	
}


tr.transparent_row
{
	background-color:Transparent;
	border-color:Transparent;
}

tr.transparent_row_60
{
	background-color:Transparent;
	border-color:Transparent;
	line-height:70%;
}

tr.light_row
{
	background-color:#eff7fb;
	border-color:#b4bfd3;
}

tr.medium_row
{
	background-color:#d7ecf5;
	border-color:#b4bfd3;
}

tr.dark_row
{
	background-color:#d7ecf5;
	border-color:#15406E;
}

tr.jade_row {
	background-color:#00B050;
	border-color:#b4bfd3;
}

tr.conifer_row {
	background-color:#92D050;
	border-color:#b4bfd3;	
	font-style: italic;
}

tr.red_row {
	background-color:#FF0000;
	border-color:#b4bfd3;
    font-weight: bold;
	font-style: italic;
}

tr.padua_row{
    background-color:#C6EFCE;
	border-color:#b4bfd3;
}

td.align_center
{
	text-align:center;
}

td.align_justify
{
	text-align:justify;
}

td.align_left
{
	text-align:left;
}

td.align_right
{
	text-align:right;
}



.margin_bottom,
.margin_both
{
	margin-bottom:20px;
}

.margin_top,
.margin_both
{
	margin-top:20px;
}

.font_135
{
	font-size: 135%;
	line-height:130%;
}

.font_130
{
	font-size: 120%;
	line-height:110%;
}


.font_115
{
	font-size: 115%;
	line-height:110%;
}


table.font_small
{
	font-size: .925em;
	line-height: .925em;
}

#pageContent .font_smallest
{
	font-size: 1.0em;
	line-height:1.1em;
}

#pageContent .promotions_table { font-size: 100%; margin-bottom:2em;}


.table_column_left,
.table_column_right,
.temporary_promotions_column,
.permanent_promotions_column_left,
.permanent_promotions_column_right
{

	padding-bottom:2px;
	padding-top:2px;
	text-align:left;
/*	border:1px green solid; */

}

.temporary_promotions_column
{
	padding-right:30px;
}

.permanent_promotions_column_left,
.permanent_promotions_column_right
{
	padding-right:20px;
	width:100%;


}

.permanent_promotions_column_right
{
	text-align:right;

}

.stat_table
{
	/*font-size: 115%;
	line-height:115%;
	height:115%;*/
    margin-bottom:2em;
}	

.table_column_title,
.table_column_title_dark
{
	display:table-cell;
    font-weight: bold;
    text-align: center;
	vertical-align:bottom;
}

.table_column_title_dark
{
  	color:White; 
	background-color:#15406E;
	padding:3px;
}

.table_column_left,
.table_column_right,
.temporary_promotions_column,
.permanent_promotions_column_left,
.permanent_promotions_column_right,
.stat_column_left_1,
.stat_column_left_2,
.stat_column_right
{
	display:table-cell;
}

.stat_column_left_1,
.stat_column_left_2,
.stat_column_right
{
	background-color:#eff7fb;
	border:1px solid #15406E;
	border-top:0;
	padding:.2em;
	text-align:right;


}

.table_column_left,
.staff_column_left,
.stat_column_left_1,
.stat_column_left_2
{
	border-right:0;
	
}


.stat_column_left_1
{
	text-align:left;
	width:11%;
}

.stat_column_left_2
{
	width:13%;
}

.table_column_left,
.table_column_right

{
	background-color:#d7ecf5;
	border:1px solid #b4bfd3;
	border-top:0;
	padding:.4em;
    	text-align:left;
		white-space:normal;

}

.form_table_column
{

	display:table-cell;
	padding:.5em;
	min-width:125px;
	text-align:left;
	vertical-align:text-bottom;
	border:0px red solid;

}

.form_table_column span
{
	text-align:right;
}


 #pageContent .article table.entitlements td
{

	padding:.3em;
	border:1px solid #b4bfd3;
	text-align:center;

	vertical-align:middle;


	background-color:#eff7fb;
}

#pageContent .article table.entitlements td ol
{

	padding:0;
}

 #pageContent .article table.entitlements td.staff_table_header
{
	text-align:center;
	color:White; 
	background-color:#15406E;
	vertical-align:middle;
	line-height:25px;
	height:20px;
	border:1px solid #15406E;
	font-weight:bold;
	padding:0;
}
 #pageContent .article .tablewrapper
{
	display:table;
	width:100%;
	margin: 0 auto;
}
#pageContent .article .assignments_table_wrapper
{
	width:75%;
	margin-top:25px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

#pageContent .article .RatesTable
{
	display:table;
	width:inherit;
	margin-bottom:.9em;
}

#pageContent .article .RatesTitle   
{
	display: table-caption;
    text-align: center;
  	color:White; 
	background-color:#15406E;
	border-top:0px;
	font-weight:bold;
	width:inherit;

	
}

#pageContent .article .RatesSubtitle   
{
	position:relative;
	display:table-caption;
    text-align: center;
	background-color:#eff7fb;
	border:1px solid #15406E;
	font-weight:bold;


}

#pageContent .article .Table_Heading
{
    display: table-row;
    font-weight: bold;
    text-align: center;

}

#pageContent .article .Table_Row
{
	display:table-row;
	    width:100%;
	        border:0;
    margin:0;
    padding:0;

}
#pageContent .article div.RatesLeftCell
{
	display:table-cell;
	background-color:#eff7fb;
	border:1px solid #15406E;
	border-top:0px;
	border-right:0px;
	padding:.3em

}

#pageContent .article div.RatesRightCell
{
	display:table-cell;
	background-color:#eff7fb;
	border:1px solid #15406E;
	border-top:0px;

}


#pageContent .article .RatesCell .leftcol
{	
	display:table-cell;
	
}


@media only screen and (max-width: 640px) 
{

/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr
	{ 
		display: block; 
		
	}
	
	table
	{
		 border: 1px solid #ccc; 
	}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #fff; 
}	
		
/* Hide table headers (but not display: none;, for accessibility) */
	thead tr 
	{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
		
	tr 
	{ 
		 
	}
		
	td 
	{ 
/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 45%; 
		padding-top:2px;
		padding-bottom:0px;
		padding-right:3px;
		white-space: normal;
		vertical-align:middle;
		overflow:visible;
		text-align:left;
		border:0px red solid;
	
	}
	
	td.align_center, 
	td.align_justify, 
	td.align_left, 
	td.align_right
	{
		text-align:left;

			 
	}


		
	td:before 
	{ 
/* Now like a table header */
		position: absolute;
/* Top/left values mimic padding */
		top: 2px;
		left: 0px;
		width: 45%; 
		padding:0;
		padding-right: 5px; 
		white-space: nowrap;
		margin-left:6px;
		
		
		}
		
		
	}