/************ Sitewide Styles *********************/
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);

div, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}	


body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}



/********** End Sitewide Styles ********************/
/********** Clear Fix Style *************************/
/********** For modern browsers *********************/

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/********** For IE 6/7 (trigger hasLayout) ***********/

.cf {
    zoom:1;
}

/********** End Clear Fix Style **********************/
/********** Grid Styles ******************************/

#wrapper {
	width: 800px;
	padding: 0;
	position: relative;
}

#pageHeader {
	position:relative;
}

#grp_account_controls {
	overflow: hidden;
}

#grp_navigation_horizontal {
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

#grp_breadcrumbs {
	position: relative;
	background-color: #fff;
}

body#twoColumn #content {

}

h2.pageTitle {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 22px;
	color: #fff;
	padding: 15px 0 20px 10px;
	letter-spacing: 0em;
	font-weight: 400;
}

body#twoColumn div.col1 {
	width: 175px;
	float: left;
	position: relative;
	background-color: #004D87;
	padding: 0 0 50px;
}

body#twoColumn div.col2 {
	width: 625px;
	float: right;
	position: relative;
	background-color: rgb(255,255,255);
}

body#oneColumn div.col2 {
	width: 800px;
	position: relative;
}

#pageFooter {
	height: 55px;
	clear: both;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
}

/************** End Grid Styles ***********************/
/************** Page Display Styles: ******************/



/************** End Page Display Styles: ***************/
/************** Chrome Styles **************************/

.grpchrome 
{
	background-color: #6699CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #FFFFD6;
}

/************** End Chrome Styles **********************/
/************** Branding Styles **************************/



/************** End Branding Styles **********************/
/************** Account Control Styles *******************/

div.headerInnerWrapper {
	position: relative;
	overflow: hidden;
}

.on-sitecontrols1, a.on-sitecontrols1:link, a.on-sitecontrols1:visited {
	color: #000099;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
}

a.on-sitecontrols1:hover, a.on-sitecontrols1:active {
	color: #003399;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
}

div.devInfo {
	background: #fff;
}

div.brandingAndSearch {
	position: relative;
	overflow:hidden;
}

h1.branding {
	float: left;
	text-indent: -9999px;
	width: 610px;
	height: 80px;
	background: url("grp_images/grp_header.jpg") no-repeat 0 0;
	overflow:hidden;
	
}

h1.branding a {
	display: block;
	height: 80px;
}

div.headerCol2 {
	margin-left: 620px;
}

div.headerCol2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

div.headerCol2 ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid black;
}

div.headerCol2 ul li.last {
	margin: 0;
	border: none;
} 

div.headerCol2 form {
	padding-bottom: 10px;
}

a.advanceSearchLink {
	display: block;
	padding-right: 20px;
	padding-top: 10px;
}



/************** End Account Control Styles ***************/
/************** Horizontal Navigation Styles *************/

ul.horizontalNav li a.selected { 
		background: #000000;
		color: #fff;
		font-size: 12px;
		font-family: Verdana, Geneva, sans-serif;
		font-weight: bold; 
	 }
	
	ul.horizontalNav {
		padding: 0;
		margin: 0;
		overflow: hidden;
		list-style: none;
	}
	
	ul.horizontalNav li {
		float: left;
		text-align: left;
		margin: 0;
		padding: 0;

		
	}
	
	ul.horizontalNav li a {
		line-height: 35px;
		padding: 11px 15px 10px 15px;
	}
	
	ul.horizontalNav li a:hover {
		background-color: black;
		color: #ccc;
		text-decoration: none;
	}
	
	.on-nav,
	a.on-nav-off:link,
	a.on-nav-off:visited {color: #FFFFFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none}
	a.on-nav-off:hover   {color: #99CCFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none;}
	a.on-nav-off:active  {color: #FFFFFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none}

	a.on-nav-on:link	{color: #FFFFFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; background-color: #000;}
	a.on-nav-on:visited {color: #FFFFFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none;}
	a.on-nav-on:hover   {color: #FFFFFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; background-color: #000; color: #fff;}
	a.on-nav-on:active  {color: #FFFFFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none}

/************** End Horizontal Navigation Styles *******/
/************** Mega Menu Navigation Styles *************/



/************** End Mega Menu Navigation Styles *******/
/************** Breadcrumb Styles **********************/

div, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
	
	div.breadcrumbsWrapper {
		position: relative;
		padding: 10px 10px;
	}
	
	div.homeInfoBar {
		position: relative;
		overflow: hidden;
		background: #fff;
	}
	
	p.userNameWelcome {
		width: 34%;
		float: left;
		font-weight: bold;
		text-align: left;
	}
	
	p.outageText {
		width: 30%;
		float: left;
		color: #f00;
		text-align: center;
	}
	
	p.outageText a {
		color: #f00;
	}
	
	p.breadcrumbDate {
		width: 30%;
		float: right;
		text-align: right;
		font-weight: bold;
	}
	
	div.pageBreadcrumbs {
		position: relative;
		background: #fff;
	}

/************** End Breadcrumb Styles ******************/
/************** Vertical Nav Styles ********************/

.on-vnav, a.on-vnav-off:link, a.on-vnav-off:visited {
	color: #FFFFFF; 
	font-family: Verdana, Geneva, sans-serif;  
	font-size: 11px; 
	text-decoration: none;
}
	
a.on-vnav-off:hover, a.on-vnav-off:focus {
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px; 
	text-decoration: underline;
}

a.on-vnav-off:active  {
	color: #FFFFFF; 
	font-family: Verdana, Geneva, sans-serif;  
	font-size: 11px; text-decoration: none;
}

a.on-vnav-on:link, a.on-vnav-on:visited {
	color: #FFFF66; 
	font-family: Verdana, Geneva, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}

a.on-vnav-on:hover, a.on-vnav-on:focus {
	color: #FFCC66;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
a.on-vnav-on:active {
	color: #FFFF66; 
	font-family: Verdana, Geneva, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}

td {
	padding: 0;
}
img {
	display: block;
}

ul.verticalNavList {
	list-style: none outside none;
   	margin: 0 20px 50px 15px;
   	padding: 0;
}

ul.verticalNavList li {
	margin-bottom: 2px;
}

/************** End Vertical Nav Styles ****************/
/************** Footer Styles **************************/



/************** End Footer Styles **********************/
/************** Begin Table Styles **********************/


p {
	font-size:1em;
	margin: 10px 0;
}
/*
.epi-dataTable.policy_search_table tr:hover {
	background-color: #bbb;
}
*/
table.form-Table {
	text-align: left;
	border:1px solid #DDDDEE;
	padding:7px;
	margin: 0;
	overflow:auto;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}

table.epi-dataTable.policy_search_table {
	border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 0 solid #ccc;
    border-collapse: collapse;
}

table.epi-dataTable {
	border: 1px solid #ccc;
}
	
table.epi-dataTable td, table.epi-datatable td {
	padding: .7em .5em;
	font-size: 11px;
	border: 1px solid #ccc;
}

table.policy_search_table td.epi-rowHeadSorted,
table.epi-dataTable th,
table.epi-dataTable td.epi-rowHeadSorted,
table.epi-dataTable thead td,
table.epi-datatable table tr.epi-rowHeadSorted td,
table.epi-datatable table td.epi-rowHeadSorted,
table.formTable td.epi-rowHeadSorted {
	padding: 1em .5em;
 	font-weight:bold;
  	font-size:1.1em;
	color: #fff;
	font-weight: bold;
	background: #336699; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #336699 1%, #003366 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#336699), color-stop(100%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 1%,#003366 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 1%,#003366 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 1%,#003366 100%); /* IE10+ */
	background: linear-gradient(top,  #336699 1%,#003366 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-8 */
}

table.epi-dataTable .epi-rowOdd, table.epi-datatable .epi-rowOdd {
	background-color: #fafafa;
}

table.epi-dataTable .epi-rowEven, table.epi-datatable .epi-rowEven {
	background-color: #efefef;
}

table.epi-dataTable.policy_search_table td.policy_number_cell a:link {
	color: #004D87;
	text-decoration: none;
	font-weight: bold;
}

table.epi-dataTable.policy_search_table td.policy_number_cell a:hover {
	text-decoration: underline;
	color: #aaa;
}