/* DO NOT PUBLISH WITH ADMIN.CSS ACTIVE 
@import "../Documents/admin.css"; 
*/
/* the edittools.css removes edit buttons from the ribbon. The documents/admin.css is permissioned to "Web site owners" only and adds all buttoms back. The admin.css is in the documents folder becuase the "Style Library" folder seems to not allow permissioning. */
@import "conventionold.css";
@import "edittools.css";
@import "wsfe.css";
@import "gridsecurity.css";
@import "hp-responsive.css";

html, body { margin:0; padding:0; height:100%; }
body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	background-color: #ffffff !important; 
	overflow: scroll !important; 
	color: #000000;
}
a:link,a :visited { color: #73367; outline: 0;}

.bullet-blue { background: url('images/pointer_right_blue.gif') 0px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 17px; }

.bullet-orange { background: url('images/pointer_right_orange.gif') 0px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 17px; }

/* Below lines would affect the entire site adding bullets to all unordered lists (ul's) */
/* ul { list-style:none; margin:0px; padding-left:0px; }
ul li {background:url('images/pointer_right_orange.gif') 0px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 17px; }  */


form { height: 100%; }

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

.ribbon-normal {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 980px;
	top: 0px;
	z-index: 1000;
}

.ribbon-sticky {
	position: fixed;
  	width: 980px;  
  	left: 50%; 
  	top: 0%; 
  	margin-left: -490px;
	top: 0px;
	z-index: 1000;
}

#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."], .ms-cui-tooltip {
	position: fixed !important;
}

.ms-cui-menu { z-index: 1001 !important; }
/* .ms-dlgOverlay { z-index: 10010 !important; } */

#header {
	height: 115px;
    text-align: center;
    background-color: #ffffff;
    position: relative;
}
#insideheader {
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	position: relative;
	height: 115px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 115px;
	background: url('images/homelogo.jpg');
	background-position: left center;
	background-repeat: no-repeat;
}

#joinus {
	display:none;
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial;
	font-weight: normal;
	position: absolute;
	right: 110px;
	top: 6px;
	vertical-align: middle;
	text-align: right;
	font-size: 12pt;
	color: #cdcdcd;
}
#login {
	position: absolute;
	height: 30px;
	top: 41px;
	right: 2px;
	width: 356px;
	font-family: Arial;
	font-size: 10pt; 
	color: #073367;
	text-align: right;
}
/*color was 073367 changed 7/14/2014 by sjm */

#login a {
	font-family: Arial;
	font-size: 10pt; 
	color: #0B4B9B ;
}

#login a:visited {
	color: #0B4B9B ;
}

#login img { border: 0px; }

#search {
	position: absolute;
	height: 30px;
	top: 80px;
	right: 0;
	width: 256px;
}
.s4-search { width: 256px; }
#search-top {
	position: relative;
	height: 33px;
	width: 256px;
}
#search-bottom {
	position: relative;
	height: 30px;
	width: 256px;
}

/* NEW STYLE	background: url('images/eei_menu.png');	background-repeat: repeat-x; 
 */

#nav {
	height: 44px; /* possibly change (it affects many things with the menus so may take a while to fix everthing associated */
	position: relative;
}
#insidenav {
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	position: relative;
	height: 44px;
	z-index: 10;
}

#pageStatusBar {
	width: 980px !important;
}

/* NEW STYLE	background: url('images/eei_bkg2.png');
	background-repeat: repeat-x;
 */

#mainContent {
	background-color: ffffff; 
	background-position: left top;
	min-height: 100%;
	margin-bottom: 0px;
}

#center {
	width: 980px !important;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	height: 100%;
}

#tbl-content {
	vertical-align: top;
	z-index: 10;
	display: table;
	clear: both;
	padding:
}

#td-content-left { background: transparent; }
/* NEW STYLE	background: url('images/eei_footerbkg1.png'); 
	background-repeat: repeat-x; */

/* for some reason the grey borders for the page is in the page layout, i am overriding it here */
#td-breadcrumb { width: 976px; border-left: none !important; border-right: none !important; }
#tbl-bd { border-left: none !important; border-right: none !important; }

#global-footer {
	height: 0px;
}

#td-content-middle {
	width: 980px;
	background: transparent;
}

#tbl-tcm { background: ffffff; }

/* fixes the borders on a meeting page */
#tcm {
	border:none !important;
}

#tbl-bd { padding-bottom: 15px;} /* NEW STYLE there is no border so we can do this now... OLD NOTE:  with this setting there is desired space below the content but it has disconntected the left and right border lines in certain situations*/


#bd-leftpanel { width: 180px; padding-left: 20px; background-color: #ffffff; vertical-align: top; padding-bottom:20px; } /*This space can be used instead of the tbl-bd padding avbove */
.ms-quicklaunchouter { margin-top:0px; margin-bottom: 15px; padding: 0px 5px 0px 5px; }
#bd-rightpanel { width: 700px; padding: 0px 0px 0px 20px; background: transparent; vertical-align: top;margin-bottom:-200px;}

#td-content-right { background: transparent; }

#td-breadcrumb {  padding-top: 0px; padding-bottom: 5px; text-align: left; padding-left: 13px; color: silver; font-family: Arial; font-size: 8pt; font-weight:bold; background-color: #ffffff; }
#td-breadcrumb a, #td-breadcrumb a:visited { color: silver }
#td-breadcrumb a:hover { text-decoration:underline; }

.eei_sites_column {
	width: 242px;
	height: 70px;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
	background: #ffffff !important;
}
.eei_sites_ispacer {
	background-image: url('images/eei_column_spacer.png');
	background-repeat: repeat-x;
	width: 2px;
	height: 90px;
	float: left;
}
.eei_sites_ospacer {
	width: 1px;
	height: 90px;
	background: #ffffff;
	float: left;
}
.eei_hp_column {
	width: 320px;
	height: 240px;
	float: left;
	text-align: left;
	vertical-align: middle;
	padding:  0px 0px 0px 0px;
	background: #ffffff !important;
	margin-bottom: 10px;
}
.eei_hp_ispacer {
	width: 10px;
	height: 200px;
	float: left;
}

#tr-ads { 
	background-color: #ffffff; 
	
	/* height: 90px; ---- this was keeping the space for the eei-sites or "ads" to 90px even if eei sites was turned off -- removing it does not seem to mess up anything - steven 4/2013*/
}

/* NEW STYLE new home page design: remove border sjm 9/2014	border-top: 1px solid #e7e7e7;	border-left: 2px solid #e7e7e7;
	border-right: 2px solid #e7e7e7;
	
 */
#ads {
	width: 980px; 
	background: #ffffff !important;
	height: 90px; 
}

#ads a img {
	border: none;
	margin:0px !important; 
	padding:0px;
}
/* NEW STYLE Begin site map */
#tr-sitemap {
	width: 980px;
	background-color: #ffffff !important;
	height: 100%;
	position: relative;
}

/* height set in "resuable content" */
/* NEW STYLE 	border-left: 2px solid #e7e7e7;
	border-right: 2px solid #e7e7e7;
*/
#sitemap {
	width: 978px;
	height: 100%;
	position: relative;
}
#sitemapb{
	display:none;
	position: relative;
	z-index:100;
	width:978px;	
	border:thin black solid;	
	border-top: 5px solid #0083be ;
	top:-475px;
}
#sitemapa{
	height:25px;
	background-color: #f1f1f1 !important;
	text-align:right;
	padding-top:4px;
	background-image: url('Images/sitemap.gif');
	background-repeat:no-repeat;
	background-position:right;
}

#sitemapa img{
border: none;
}

/* if i cant figure out click to open we can use hover to open 
div#a:hover div#b {
 display:block;
} */


#tbl-sitemap tr {
	background-color: #f1f1f1 !important;
	text-align:left;
}
#tbl-sitemap table {
	background-color: #f1f1f1 !important;
	text-align:left;
}
#tbl-sitemap td {
	background-color: #f1f1f1 !important;
	text-align:left;
}
#sitemap td {
	background-color: #f1f1f1 !important;
	text-align:left;
}

#sitemap tr {
	background-color: #D5D5D5 !important;
	text-align:left;
}
#sitemap table {
	background-color: #D5D5D5 !important;
	text-align:left;
}
#td-smt-left td{ background-color: #ffffff !important;}
#td-smt-middle td{  background-color: #ffffff !important; }
#td-smt-right td{  background-color: #ffffff !important; }
#td-smm-left td{  background-color: #ffffff !important;}
#td-smm-middle td{  background-color: #ffffff !important;}
#td-smm-right td{ background-color: #ffffff !important;}
#td-smb-left td{  background-color: #ffffff !important; }
#td-smb-middle td{  background-color: #ffffff !important; }
#td-smb-right td {  background-color: #ffffff !important; }

#td-smt-left table{ background-color: #ffffff !important;}
#td-smt-middle table{  background-color: #ffffff !important; }
#td-smt-right table{  background-color: #ffffff !important; }
#td-smm-left table{  background-color: #ffffff !important;}
#td-smm-middle table{  background-color: #ffffff !important;}
#td-smm-right table{ background-color: #ffffff !important;}
#td-smb-left table{  background-color: #ffffff !important; }
#td-smb-middle table{  background-color: #ffffff !important; }
#td-smb-right table {  background-color: #ffffff !important; }

#td-smt-left tr{ background-color: #ffffff !important;}
#td-smt-middle tr{  background-color: #ffffff !important; }
#td-smt-right tr{  background-color: #ffffff !important; }
#td-smm-left tr{  background-color: #ffffff !important;}
#td-smm-middle tr{  background-color: #ffffff !important;}
#td-smm-right tr{ background-color: #ffffff !important;}
#td-smb-left tr{  background-color: #ffffff !important; }
#td-smb-middle tr{  background-color: #ffffff !important; }
#td-smb-right tr {  background-color: #ffffff !important; }


/* set top left and bottom left corner to 31px, otherwise the image was distorded. the images are 30x30 so i'm not sure why this worked. Steven 10/2013
#td-smt-left { height: 30px !important; width: 31px !important; background:url(images/eei_sitemap_tl.png) no-repeat center center #ffffff !important; }
#td-smt-middle { width: 900px !important; background: url('images/eei_sitemap_top.png') #ffffff !important; background-repeat: repeat-x; }
#td-smt-right { height: 30px !important; width: 30px !important; background:url(images/eei_sitemap_tr.png) no-repeat center center #ffffff !important; }
#td-smm-left { width: 30px !important; background: url('images/eei_sitemap_left.png') #ffffff !important; background-repeat: repeat-y; }
#td-smm-middle { width: 900px;	background-color: #ffffff !important;}
#td-smm-right { width: 30px !important; background: url('images/eei_sitemap_right.png') #ffffff !important; background-repeat: repeat-y; }
#td-smb-left { height: 30px !important; width: 31px !important; background:url(images/eei_sitemap_bl.png) no-repeat center center #ffffff !important; }
#td-smb-middle { width: 900px !important; background: url('images/eei_sitemap_bottom.png') #ffffff !important; background-repeat: repeat-x; }
#td-smb-right { height: 30px !important; width: 30px !important; background:url(images/eei_sitemap_br.png) no-repeat center center #ffffff !important; }
*/
#tbl-sitemap h3 {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-indent: 10px;
	color: #004585;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight:normal;

}
#tbl-sitemap h3 a {
	text-transform: uppercase;
	color: #004585;

}
#tbl-sitemap h3 a:visited {
	text-transform: uppercase;
	color: #004585;

}

/* used for headers within list (to give extra space above header and not affect the top row of headers) */
#tbl-sitemap h4 {
	font-family:"proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-indent: 10px;
	color: #004585;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 20px;
	font-weight:normal;
	font-style:normal;
}
#tbl-sitemap h4 a {
	text-transform: uppercase;
	color: #004585;

}
#tbl-sitemap h4 a:visited {
	text-transform: uppercase;
	color: #004585;

}

#tbl-sitemap ul {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin-top: 0px;
}

#tbl-sitemap ul li {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	color: #57595D;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 0px;
}

#tbl-sitemap ul li a, #tbl-sitemap ul li a:visited {
	color: #57595D;
}

#tbl-sitemap a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

#tbl-sitemap ul li ul li {
	font-family: Arial;
	font-weight: normal;
	padding-left: 20px;
	font-size: 11px;
	color: #57595D;
}

#tbl-sitemap ul li ul li a, #tbl-sitemap ul li ul li a:visited {
	color: #57595D;
}

/* NEW STYLE End site map*/
#insidefooter {
	font-family: Arial;
	font-size: 10pt;
	height: 92px;
	background: #0083be;
	width: 980px !important;
	color: #ffffff;
}

#insidefooter a, #insidefooter a:link, #insidefooter a:visited {
	color: #fff;
}

#insidefooter a:hover { text-decoration: underline; }

#PageLayoutName {display: none; }

#social {
	position: absolute;
	height: 30px;
	top: 0;
	right: 0;
	width: 245px;
	font-family: Arial;
	font-size: 12pt; 
	color: #073367;
	vertical-align: middle;
	text-align: right;
	padding-bottom: 6px;
	padding-right: 2px;
}
#social a img{
	border: none;
	padding-top: 5px;
	padding-bottom: 0px;
	
}

#inthissection { 
	color: #004585;
	font-size: 14pt;
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-indent: 1px;
	margin-bottom:0px;
	text-transform: uppercase;
}

#tbl-lp {
	width: 680px;
	vertical-align: top;
	margin-left:15px; /* Steven Edit: new */
    margin-right: 20px;
}
#lp-top {
	/* height: 175px; took out height just in case there is no image top of page would just go up to top of page so it does not look like a mistake */
	width: 680px;
	padding-right: 0px;
}
#lp-title, .meetingTitle { height:20px !important; padding-top: 10px !important; width: 530px !important; left: 0px !important; color: #004585 !important; text-align: left !important; vertical-align: middle !important; font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif !important; font-size: 19pt !important; font-weight:bold !important; text-transform:uppercase !important;   
}

.meetingTitle {
	border: none !important;
	margin-bottom: 20px !important;
	height: 25px !important;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 700px !important;
}

 /* width 380px */
#lp-social { display:none; height:20px; width: 145px; padding-top: 8px; right: 2px; text-align: right; vertical-align:bottom; 
} /* 295 */
#lp-content { width: 680px; padding-top:0px; padding-bottom: 10px; }  /* 10 padding bottom so the content does not touch the bottom line (above eei-sites) */

/* lp-content = landing page and content page content areas, steven added cp2-content to facilitate a no title layout (the above line adds the orange line to the top of the table under the page title) */
#cp2-content { width: 680px;  padding-top:0px; padding-bottom: 10px; }  /* padding bottom so the content does not touch the bottom line (above eei-sites) */

/* styles for editor: #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent  */
/*For webpart bullet style. This messed up meeting document lists so it has been removed by SJM 10/2015 .ms-WPBody ul, .ms-WPBody ul li, .ms-WPBody ul ul li, .ms-WPBody ul ul ul li, .ms-WPBody ul ul ul ul li, */
#lp-content ul, #cp2-content ul,#ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent ul { list-style:none !important; margin-top:0px !important; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-left:0px; padding-top:0px}
#lp-content ul li, #cp2-content ul li,#ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent ul li {background:url('images/bullet_orange.gif') 0px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 13px; margin-top:10px }
#lp-content ul ul li, #cp2-content ul ul li, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent ul ul li {  background:url('images/bullet_orange.gif') 17px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 30px; margin-top:10px }
#lp-content ul ul ul li, #cp2-content ul ul ul li, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent ul ul ul li {  background:url('images/bullet_orange.gif') 34px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 47px; margin-top:10px }
#lp-content ul ul ul ul li, #cp2-content ul ul ul ul li, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent ul ul ul ul li {  background:url('images/bullet_orange.gif') 51px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 64px; margin-top:10px }


#lp-mediacontact {  height: 85px; padding-bottom: 10px; }
#lp-pagefooter {  height: 90px; border-top: 2px solid #CCCCCC; padding-top: 10px; }

/* ms-WPBody is used for webpart text (the default was smaller and grey) SJM 10/2015 */
.ms-WPBody, #lp101-content, #lp-content, #cp2-content, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent {
	font-family: "Arial","sans-serif";
	font-size: 10pt;
	color:black;
} 

/*sjm want to change the standard font to  and color 1a1a1a (this is MS standard) */
/* .ms-WPBody, #lp101-content, #lp-content, #cp2-content, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent {
	font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #1a1a1a;
}*/


#lp101-content a, #lp101-content a:link, #lp101-content a:visited, #lp-content a, #lp-content a:link, #lp-content a:visited, #cp2-content a:link, #cp2-content a, #cp2-content a:visited, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent a, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent a:link, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent a:visited {
	font-family: Arial;
	font-size: 10pt;
	color: #0B4B9B;
}

#lp101-content a:hover, #lp-content a:hover , #cp2-content a:hover {
	color: #000000;
	text-decoration: underline;
}


#lp101-content h1, #lp-content h1, h1 a; h1 a:visited, #cp2-content h1, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h1, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h1, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h1 a, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h1 a:visited {
	font-family: Arial Narrow, Arial;
	font-size: 13pt; /* h1 and h2 should be the same size - difference is h1 has no top margin (h1 should be used if headding is the first thing on the page) */
	color: #073367;
	margin-bottom:6px;
	margin-top: 5px;
	font-weight:bold;
}

/* original header 1 from invenio
#lp101-content h1, #lp-content h1 {
	font-family: Lato;
	font-size: 18pt;
	color: #073367;
} */

#lp101-content h2, #lp-content h2, #cp2-content h2, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h2{
	font-family: Arial Narrow, Arial;
	font-size: 13pt; /* h1 and h2 should be the same size - difference is h1 has no top margin (h1 should be used if headding is the first thing on the page) */
	color: #073367;
	margin-bottom:6px;
	margin-top: 20px;
	font-weight:bold;

}


#lp101-content h3, #lp-content h3, #cp2-content h3, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h3 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #073367;
}

#lp101-content h4, #lp-content h4, #cp2-content h4, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h4 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

#lp101-content h5, #lp-content h5, #cp2-content h5, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h5 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #073367;
}

#lp101-content h6, #lp-content h6, #cp2-content h6, #ctl00_PlaceHolderMain_editcontrolpanel_PageContent_RichHtmlField_displayContent h6 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

div.eei-table td {
	border: gray solid 1px !important;
	padding: 5px;
	vertical-align:top;
}

div.eei-table th {
	background:	#f1f1f1 !important;
	color: #004585 !important;
	text-align:left;
	border: gray solid 1px !important;
	padding: 5px;
	vertical-align:top;
	
	}
	
td.eei-table-cell-shade {
	background-color: silver;
}
/* --------------------------------------- more box styles ------------------------------------------------------------------- */
#moremenu, .meetingDocumentsTxt { 
	color: #004585 !important;
	font-size: 13pt !important;
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif !important;
	text-indent: 1px !important;
	margin-bottom:10px !important;
	padding-top:5px !important;
	padding-left:15px !important;
	padding-right:14px !important;
	padding-bottom:5px !important;
	background:	#f1f1f1 !important;
	text-align:center !important;
	font-weight:bold !important;
	border-bottom: grey solid 1px !important;
	
}

/*to fix meeting page boxes */
.meetingDocumentsTxt {
	border:none !important;
}
.documents-table, .sponsor-table{
	padding:0px !important;
	border: gray solid 1px;
}
.logo-callouts, .documents-callouts{
	border-color: grey solid 1px !important;
}
#documents a {
	color: #0B4B9B !important;
}
/*color was 073367 changed 7/14/2014 by sjm */

#moremenutext a,#moremenutext a:link,#moremenutext a:visited {
color: #0B4B9B !important;
font-family: Arial;
font-size: 13px !important;
text-decoration:none;
}

#moremenutext a:hover {
	color: #000000;
	text-decoration: underline;
}

#moremenutext {
color: #00000 !important;
font-family: Arial;
font-size: 13px !important;
line-height:18px;
 margin-bottom:5px;
 margin-left:15px;
 margin-right:10px;
}
#moremenutext ul  { list-style:none !important; margin-top:0px !important; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-left:0px; padding-top:0px}
#moremenutext ul li {background:url('images/bullet_orange.gif') 0px 4px no-repeat; margin-bottom:5px; padding:0px 0px 4px 13px; margin-top:10px }


/* --------------------------------------- member only box styles ------------------------------------------------------------------- */
/* backgound blue: 004585 forground white ffffff*/
#membersonly { 
	color: #004585;
	font-size: 13pt;
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	text-indent: 1px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	padding-right:14px;
	margin-bottom:5px;
	background-color: #f1f1f1;
	text-align:center;
	font-weight:bold;
	border-bottom: grey solid 1px;
}
/* was #073367 !important; changed on 7/22/2014 by sjm*/
#membersonlytext a,#membersonlytext a:link,#membersonlytext a:visited {
color: #0B4B9B !important ;
font-family: Arial;
font-size: 13px !important;
}
#membersonlytext {
color: #00000 !important;
font-family: Arial;
font-size: 13px !important;
 margin-bottom:5px;
 margin-left:15px;
}
#membersonlytext ul  { list-style:none !important; margin-top:00px !important; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-left:0px; padding-top:0px}
#membersonlytext ul li {background:url('images/bullet_orange.gif') 0px 4px no-repeat; margin-bottom:5px; padding:0px 0px 4px 13px; margin-top:10px }

/* for boxes simular to standard "in this section" box but with no padding */
.standardboxouter { border: 1px solid #000000; margin-bottom: 15px; padding: 0px 5px 0px 0px; }


/* --------------------------------------- magazine styles ------------------------------------------------------------------- */
#tbl-magazine {
	border: 1px solid black;  
	height:310px; 
	width: 320px;  
	vertical-align: top; 
	padding-left:15px; 
	padding-right:15px; 
	padding-bottom:0px;  
	background-color:#F1F1F1
	}

#tbl-magazine-tr-header td { 
	padding-top:15px;
	height:30px; 
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif !important; 
	font-size: 18pt !important; 
	color: #000000 !important; 
	text-transform:uppercase; 
	text-align:center; 
	font-weight:900  
	}

td.tbl-magazine-td-mid { 
	font-family:Arial; 
	font-size: 12px !important; 
	color: #10508E !important; 
	font-weight: bold;
	padding-left: 15px;  
	padding-right: 15px;
	padding-bottom:2px; 
	padding-top:2px; 
	}

td.tbl-magazine-td-mid a{ 
	color:#10508E !important; 
}

#overalldiv-magazine img{
	margin: 0px 0px 10px;
	border: 0px;
}

/* old styles below REOMVE AFTER NEW PAGE IS LIVE */
#ep-tr-breadcrumb { height: 44px; }
#ep-td-breadcrumb { height: 12px; padding-top: 16px; padding-bottom: 16px; text-align: left; text-indent: 20px; color: silver; font-family: Arial; font-size: 8pt; font-weight:bold; background-color: #ffffff; }
#ep-td-breadcrumb a, #ep-td-breadcrumb a:visited { color: #073367; }
#ep-td-breadcrumb a:hover { text-decoration:underline; }
#ep-title { 
	height: 30px; 
	padding-top: 2px; 
	left: 0px; 
	color: #073367; 
	text-align: left; 
	vertical-align: middle; 
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif; 
	font-size: 15pt; 
	border-bottom: 2px solid #F09449;
	}
	
#ep-top-article-head { 
	color: #073367;
	font-size: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #F09449;
	text-indent: 1px;
	margin-bottom:10px;
	text-transform:uppercase;
}

#ep-article-head { 
	color: #073367;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #F09449;
	text-indent: 1px;
	margin-bottom:10px;
	text-transform:uppercase;
}

#ep-news-depts-head { 
	color: #073367;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #F09449;
	text-indent: 1px;
	margin-bottom:10px;
	text-transform:uppercase;
}

#ep-depts-text {
	padding-top:10px;
	padding-bottom:30px
}
#ep-depts-text p{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:6px
}

#ep-depts-text a {
	font-weight:bold;
	color:black;
	text-transform:uppercase;

}
#ep-depts-text a:hover {
 text-decoration:underline; 

}

#ep-sponsors { 
	color: #073367;
	font-size: 13pt;
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	border-bottom: 2px solid #F09449;
	text-indent: 1px;
	margin-bottom:10px;
	margin-left:5px;
	margin-top:3px;
}

#ep-ads { 
	color: silver;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	margin-bottom:10px;
}
#ep-general-text {
	padding-top:10px;
	padding-bottom:30px
}
#ep-general-text p{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px
}

#ep-general-text a {
	color: #DC6000; 

}
#ep-general-text a:hover {
 text-decoration:underline; 

}

#ep-left-issue-head {
	padding-left:25px;
	padding-right:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#ep-left-Ipad {
	padding-left:25px;
	padding-right:25px;
}
#ep-left-access {
	padding-left:25px;
	padding-right:25px;
}
#ep-left-Ipad a {
	color:#DC6000;
	text-transform:uppercase;
	text-decoration:underline;
}
#ep-left-access a{
	color:black;
	text-decoration:underline;
}

#ep-left-Ipad a:hover {
	text-decoration:none;
}
#ep-left-access a:hover{
	text-decoration:none;
}


/* ---------------------------- slider styles ---------------------------------------------------------------------------------------------------------------------------------------*/

/* =Skitter styles
----------------------------------------------- */
.box_skitter {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	top: -5px;
}
.box_skitter img { max-width:none; } /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none; border: 0px !important;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20; border: 0px !important;}

/* =Navigation
-------------------------------------------------------------- */

.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url('images/prev_2.png') no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url('images/next_2.png') no-repeat left top;}

/*
.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;}
*/
/* =Numbers
-------------------------------------------------------------- */
*/
/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute;top:15px;left:20px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#EE924C;float:left;padding:2px 10px;margin:0 5px 0 0;}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:50px; }
.box_skitter .info_slide_thumb { height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number img { position:absolute;top:-30px;left:-30px;height:100px;}
.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots THIS IS WHAT DEFINES THE DOTS FOR THE HOMEPAGE SLIDER
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute; left: 160px !important; bottom: -15px; z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:url(images/cs_open1.png) no-repeat center center;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:url(images/cs_full1.png);width:28px;height:18px;float:left;margin:0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url('images/ajax-loader.gif') no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter 	{ z-index:150;position:absolute;bottom:0px;left:0px;display:none; }
.box_skitter .label_skitter 	{ z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000; }
.box_skitter .label_skitter p 	{ padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px; }
.box_skitter .info_slide * 		{ font-family:Consolas,arial,tahoma !important; }
.box_skitter .progressbar 		{ background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large { width:980px;height:250px;margin-left: auto;margin-right: auto; }
.box_skitter_small { width:200px;height:100px; }

/* --------------------------- home page styles ----------------------------------------------------------------------------------------------------------------------------- */
/* NEW STYLE Begin*/
#homepage {
padding-bottom:15px !important; 
width:100px !important
}
/* bottom padding in the template is adding 20px... this removes it to keep the content closer to the image slider - steven 8/2013 ... seems this might be a volitile setting . CURRENTLY we need this space.*/

#tbl-hp { width: 980px; background: transparent !important; }

/* NEW STYLE End */
#hp-left {width: 320px;  background-color: #ffffff; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; vertical-align: top; margin-right:0px; }
#hp-middle { width: 320px;   background-color: #ffffff; vertical-align: top; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin:0px}
#hp-right {  width: 320px;  background-color: #ffffff; vertical-align: top; padding: 0px; margin:0px  }

#hp-pagecontent {
	width:980px;
	background-color:white;
	padding:0px;
	padding-top:10px;
	margin:0px;
}
#hp-pagecontent img {
border:0px;
}
/* from Invenio... Steven Edited 1/30/13 (this totals 942px wide)
#hp-left { border-left: 2px solid #e7e7e7; width: 431px; background-color: #ffffff; padding: 15px 3px 15px 5px; }
#hp-middle { width: 275px; background-color: #ffffff; vertical-align: top; padding: 15px 5px 15px 5px; }
#hp-right { border-right: 2px solid #e7e7e7; width: 236px; background-color: #ffffff; vertical-align: top; padding: 15px 5px 15px 3px; }
*/

/* to make colums even change height here. took out border for both what's new and events since the bottom was never even: border: 1px solid #e4e7e5; Also i don't think we need height anymore: height:400px, original width 276px */

#tbl-whatsnew {  border: 1px solid black; width: 320px; height:370px;  vertical-align: top; padding-right: 15px; padding-left:15px; padding-bottom:2px; background-color:#F1F1F1}
/* NEW STYLE Begin */
/* oriinal  height:60px; */
#twn-tr-header td { padding-top:15px;height:40px; font-family:"proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif !important; font-size: 18pt !important; color: #000000;  text-transform:uppercase; text-align:center; font-weight:900}
/* */
.twn-td-left { width: 38px; text-align: center; padding-top: 6px; height:55px !important;}/* if day is on the same line with month adjust this width so that if wraps properly; hihts was 50*/
.twn-td-right { width: 238px; padding-left 5px;  padding-right:2px; font-family:Arial; font-size: 10pt; color: #10508E !important; font-weight:bold; padding-top: 0px;}
.twn-td-right a {  font-family:Arial; font-size: 12px; color: #10508E !important; font-weight:bold; }
.twn-td-right a:visited { color: #10508E !important; }

.td-left-top { font-family:Arial; font-size: 10pt; color: #000000 !important; }
.td-left-btm { font-family:Arial; font-size: 18pt; color: #000000 !important; }

#tbl-events {    border: 1px solid black;  height:370px; width: 320px;  vertical-align: top; padding-left:15px; padding-right:15px; padding-bottom:0px;  background-color:#F1F1F1}

#tbl-events-tr-header td { padding-top:15px;height:40px; font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif !important; font-size: 18pt !important; color: #000000 !important; text-transform:uppercase; text-align:center; font-weight:900  }
tr.tbl-events-tr-row { padding-top: 0px;}
td.tbl-events-td-top { font-family:Arial; font-size: 12px !important; color: #000000 !important; padding-left: 0px; padding-top: 4px; }
td.tbl-events-td-top a{ color: #000000 !important; } /* steven took out :visited (not sure why it was styling just visited links) */

/* padding-left: 10px; */
td.tbl-events-td-mid { font-family:Arial; font-size: 12px !important; color: #10508E !important; font-weight: bold;padding-left: 0px;  padding-bottom:2px; padding-top:2px; }
td.tbl-events-td-mid a{ color:#10508E !important; }/* steven took out :visited */

td.tbl-events-td-btm { font-family:Arial; font-size: 12px !important; color: #000000 !important; padding-left: 0px; }
/*added for line that goes all the way from left to right */
td.tbl-events-td-btm { width:250px; padding-bottom:9px;  }
/* took out image because line now goes the whole way from left to right, otherwise this image centers the line  background:url(images/events-spacer.jpg) no-repeat center center; height: 15px;*/
td.tbl-events-td-spacer { height:0px}
td.tbl-events-more-link { text-align: right; font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 12pt !important; color: #0083be !important; padding-right:5px;padding-bottom:4px; margin-bottom:0px; text-decoration:underline; font-weight:bold; }
td.tbl-events-more-link a { font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 12pt; color: #0083be !important; text-decoration:underline; font-weight:bold }
/*above more link is not used !!!!!!! */
.meetings-more-link-new { text-align: right; font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 12pt !important; color: white!important; padding-right:5px;padding-bottom:4px; margin-bottom:0px; text-decoration:none; font-weight:bold; }
.meetings-more-link-new a { padding-top:2px; padding-left:5px;padding-right:5px; font-family: "proxima-nova-condensed", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 12pt; background-color: #0083be !important; color:white; text-decoration:none; font-weight:bold }
.meetings-more-link-new a:visited { color: white !important;  }

td.tbl-events-td-btm a:hover {
	text-decoration: underline !important;
}
/* NEW STYLE End */
/* ------------------------ electricity 101 dynamic images ---------------------------------------------------------------------------------------------------------------------*/

/* value */
#menu2 {
	height:30px;
    margin-left:66px;
    margin-right:-50px;
}


#menu2 li {
	display:inline;
}

#menu2 li a  {
	background:transparent url(images/button.jpg) no-repeat top left;
    display:block;
    float:left;
    height:135px;
    margin-right:0px;
	width:145px;
}


#menu2 li a .button1 {
	background:transparent url("/electricity101/PublishingImages/Value4-televisions.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:135px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:145px;
}
#menu2 li a .button2 {
	background:transparent url("/electricity101/PublishingImages/Value4-refrigerators.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:135px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:145px;
}
#menu2 li a .button3 {
	background:transparent url("/electricity101/PublishingImages/Value4-computers.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:135px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:145px;
}
#menu2 li a .button4 {
	background:transparent url("/electricity101/PublishingImages/Value4-ac.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:135px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:145px;
}
#menu2 li a .button5 {
	background:transparent url("/electricity101/PublishingImages/Value4-dvr.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:135px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:145px;
}
#menu2 li a .button6 {
	background:transparent url("/electricity101/PublishingImages/Value4-right.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:135px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:110px;
}


#menu2 li a:hover {
	background-position:0px bottom;
	color:#fff;
}

#menu2 li a:hover .button1 {
	background-position:right bottom;
}

#menu2 li a:hover .button2 {
	background-position:right bottom;
}
#menu2 li a:hover .button3 {
	background-position:right bottom;
}
#menu2 li a:hover .button4 {
	background-position:right bottom;
}
#menu2 li a:hover .button5 {
	background-position:right bottom;
}

#menu2 a .text, #menu2 a .icon {
	display:none;
}
#menu2 a:hover .text {
	display:block;
	position: absolute;
	height:135px;
	top:30px;
	left:0px;
	color:#000;
	font-size:11px;
}


#menu2 a:hover .icon {
	display:block;
	position: absolute;
	height:20px;
	top:975px; /* 982 start of the top of the houses - move if items above change height */
	left:95px; /* 96 */
	border-width:0px;
	border:0px;
	padding:0px 0px 0px 0px;
}

/* stewardship */
#menu3 {
	height:30px;
	width:400px;
	margin-left:-20px;
}


#menu3 li {
	display: inline;
}

#menu3 li a  {
	background:transparent url("/electricity101/PublishingImages/Stewardship-ExcellenceMenu.jpg") no-repeat top left;
    height:44px;
    margin-right:0px;
	width:340px;
}


#menu3 li a .button1 {
	background:transparent url("/electricity101/PublishingImages/Stewardship-ExcellenceMenu.jpg") no-repeat top right;
    float: left;
    height:44px;
    cursor:pointer;
	width:340px;
}
#menu3 li a .button2 {
	background:transparent url("/electricity101/PublishingImages/Stewardship-PerformanceMenu.jpg") no-repeat top right;
    float: left;
    height:44px;
    cursor:pointer;
	width:340px;
}
#menu3 li a .button3 {
	background:transparent url("/electricity101/PublishingImages/Stewardship-PreventionMenu.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:44px;
    padding:0px 0px 0 0;
    margin-left:0px;
    cursor:pointer;
	width:340px;
}
#menu3 li a .button4 {
	background:transparent url("/electricity101/PublishingImages/Stewardship-OutreachMenu.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:44px;
    padding:0px 0px 0 0;
    margin-left:0px;
    cursor:pointer;
	width:340px;
}
#menu3 li a .button5 {
	background:transparent url("/electricity101/PublishingImages/Stewardship-DialogueMenu.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:44px;
    padding:0px 0px 0 0;
    margin-left:0px;
    cursor:pointer;
	width:340px;
}
#menu3 li a .button6 {
	background:transparent url("/electricity101/PublishingImages/Stewardship-StewardshipMenu.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:44px;
    padding:0px 0px 0 0;
    margin-left:0px;
    cursor:pointer;
	width:340px;
}

#menu3 li a:hover {
	background-position:0px bottom;
	color: transparent !important; /* wierd reaction to hover state, border appears, but the border commands to hide (or make 0px do not work, original fix is to make the color white, that that puts a white line between the image and the image above. I made this transparent but i suspect it will not work in all browsers. */
}

#menu3 li a:hover .button1 {
	background-position:right bottom;
}

#menu3 li a:hover .button2 {
	background-position:right bottom;
}
#menu3 li a:hover .button3 {
	background-position:right bottom;
}
#menu3 li a:hover .button4 {
	background-position:right bottom;
}
#menu3 li a:hover .button5 {
	background-position:right bottom;
}
#menu3 li a:hover .button6 {
	background-position:right bottom;
}
#menu3 a .text, #menu3 a .icon {
	display:none;
}

#menu3 a:hover .icon {
	display: block;
	position:  absolute;
	height:420px;
	top:588px; /*588*/
	left:354px;
}
.icon {
	display:block;
	position:  absolute;
	height:420px;
	top:590px;
	left:356px;
}

/* basics */
#basicsmenu2 {
	height:30px;
    margin-left:56px;
    margin-right:-50px;
}


#basicsmenu2 li {
	display:inline;
}

#basicsmenu2 li a  {
	background:transparent url(images/button.jpg) no-repeat top left;
    display:block;
    float:left;
    height:135px;
    margin-right:0px;
	width:196px;
}


#basicsmenu2 li a .button1 {
	background:transparent url("/electricity101/PublishingImages/basics4-coal.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:160px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:196px;
}
#basicsmenu2 li a .button2 {
	background:transparent url("/electricity101/PublishingImages/basics4-gas.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:160px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:196px;
}
#basicsmenu2 li a .button3 {
	background:transparent url("/electricity101/PublishingImages/basics4-nuclear.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:160px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:196px;
}
#basicsmenu2 li a .button4 {
	background:transparent url("/electricity101/PublishingImages/basics4-renewables.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:160px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:196px;
}


#basicsmenu2 li a:hover {
	background-position:0px bottom;
	color:#fff;
}

#basicsmenu2 li a:hover .button1 {
	background-position:right bottom;
}

#basicsmenu2 li a:hover .button2 {
	background-position:right bottom;
}
#basicsmenu2 li a:hover .button3 {
	background-position:right bottom;
}
#basicsmenu2 li a:hover .button4 {
	background-position:right bottom;
}
#basicsmenu2 li a:hover .button5 {
	background-position:right bottom;
}

#basicsmenu2 a .text, #basicsmenu2 a .icon {
	display:none;
}
#basicsmenu2 a:hover .text {
	display:block;
	position: absolute;
	height:135px;
	top:30px;
	left:0px;
	color:#000;
	font-size:11px;
}


#basicsmenu2 a:hover .icon {
	display:block;
	position: absolute;
	height:20px;
	top:1470px; /* 982 start of the top of the text - move if items above change height */
	left:95px; /* 96 */
	border-width:0px;
	border:0px;
	padding:0px 0px 0px 0px;
}

#basicssafety {
	height:30px;
    margin-left:90px;
    margin-right:0px;
}


#basicssafety li {
	display:inline;
}

#basicssafety li a  {
	background:transparent url(images/button.jpg) no-repeat top left;
    display:block;
    float:left;
    height:90px;
    margin-right:0px;
}


#basicssafety li a .button1 {
	background:transparent url("/electricity101/PublishingImages/basics6-prepared.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:90px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:250px;
}
#basicssafety li a .button2 {
	background:transparent url("/electricity101/PublishingImages/basics6-safe.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:90px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:245px;
}
#basicssafety li a .button3 {
	background:transparent url("/electricity101/PublishingImages/basics6-informed.jpg") no-repeat top right;
    display:inline;
    float:left;
    height:90px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    cursor:pointer;
	width:250px;
}
#basicssafety li a:hover {
	background-position:0px bottom;
	color:#fff;
}

#basicssafety li a:hover .button1 {
	background-position:right bottom;
}
#basicssafety li a:hover .button2 {
	background-position:right bottom;
}
#basicssafety li a:hover .button3 {
	background-position:right bottom;

}

/* Mutual assistance page */


#ma-resources-header {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	color: #073367;
	padding-top:20px;
	padding-left:20px;
}

#ma-resources-text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color: #000000;
	margin-left: 50px;
	margin-right:30px;
}
#ma-resources-text a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color: #000000;
	text-decoration:underline;
}

#ma-resources-text ul {list-style:none !important; margin-top:0px !important; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-left:0px; padding-top:0px;}

#ma-resources-text ul li {background:url('images/bullet_orange.gif') 0px 4px no-repeat; margin-bottom:15px; padding:0px 0px 0px 13px; margin-top:10px; }

#ma-twitter div{
 	text-align: center; 
}
#ma-twitter-title{
	margin-top: 10px;
 	text-align: center; 
}
#ma-twitter-title img{
 	border:0px;
}

#ma-slider{
	padding:0px;
	margin:0px;
	width:600px;
	height:360px;
}

#ma-title{
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	font-size: 38px;
	color:  white;
	padding:10px;
	width:580px;
	text-align:left;
	background-color:#EA002A;
	margin:0px;
	font-weight:bold;
}
/*remove when new ma page using list is activated */
#ma-map-tip{
	margin:0px;
	height:235px;
	width:600px;
}
#ma-map-tip img{
	border:0px;
}

#ma-how-header{
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	color: #073367;
	padding-top:15px;
	margin:10px;
	
}
#ma-how-text{
 	text-align: right; 
 	font-family:Arial; 
 	font-size: 8pt; 
 	color: #DC6000; 
 	padding-right:5px;
 	padding-bottom:5px; 
 
}

#ma-how-text a{
 	text-align: right; 
 	color: #DC6000; 
 	text-decoration:underline;
 
}
#ma-how-text img{
	border:0px;
	margin-bottom:5px;
 
}



/* ----------------------- Distributed Generation Toolkit ------------------------------ */
#DGhead img{
	border:0px;
}

#DGworkroom {
	width:445px;
	border:thin #13D0CA solid;
	padding:0px;
}
#DGworkroom div {
	width:445px;
}
#DGworkroomText {
	padding:5px;
	margin-top:1px;
	width:445px;
}

#DGworkroomText div{
	width:445px;
}


#DGworkroom img {
	padding-bottom:5px;
	}

#DGheader {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	padding-top:20px;
	border-bottom:4px #13D0CA solid;
	margin-bottom:10px;
	
}
#DGSectionHeader {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	padding-top:15px;
	margin-bottom:0px;
	background-image:url('../SiteCollectionImages/ResourcesAndMedia/DGResources/access.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	width:350px;
	display:block;
	cursor:pointer;
}
#DGSectionHeader a:visited{
	color:black;
}

#DGSectionHeader a {
	color:black;
}

#DGSectionHeader a:hover {
	text-decoration:underline
}

#DGExperts a {
	font-family: Arial Narrow, Arial;
	font-size: 13pt; 
	color: #073367;
	font-weight:bold;

}

#DGExperts p {
margin:0px;
padding:0px;
}

#DGExperts img {
	border:thin black solid;
}

#DGaccessimg img{
	position: relative;
	left:0px;
	top:80px;
	border:0px;
}

#DGthumbnails {
	float:right;
	padding-top:20px;
	margin-left:5px;

}
#DGthumbnails img {
	border:thin black solid;
	margin-right:10px;
}
#DGtext img{
	margin-top:5px;
	border:0px;
}
#DGheader2 {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	padding-top:15px;
	border-bottom:4px #13D0CA solid;
	
}
#DGmenu {
	padding-top:15px;
	
}
#DGmenuItem {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	padding-top:5px;
	margin-bottom:10px;
	
}
#DGmenuItemSelected {
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	padding-top:5px;
/*	border-bottom:4px #13D0CA solid ; */
	width:90%;
	margin-bottom:10px;
	color: #10BAB6;
	
}

#DGmenuItem a {
	color:black;	
}
#DGmenuItemSelected a {
	color:black;	
}

#DGmenuItem a:hover {
	text-decoration:none
}
#DGmenuItemSelected a:hover {

	text-decoration:none
}

#DGlist .ms-vb-title .ms-vb{
	margin:0px !important;
	padding:0px !important;
}

#DGlist .ms-vb a{

}

#DGlist .ms-viewheadertr
{
   display: none;
}
#DGlist .ms-alternating {
	background:white !important;
}

#DGtext h2{
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif !important;
	font-weight:normal !important;
	text-transform:uppercase !important;
	font-size:15px !important;
	padding-top:15px !important;
	border-bottom:1px #13D0CA solid !important;
	padding-left:-100px !important;
	padding-bottom:0px;
}

#DGnewsMore a{
	margin-left:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	color: #10BAB6;
	text-decoration: none;
	text-transform:uppercase;
}


#DGnewsMore a:hover{
	text-decoration: underline;
}

#DGCaption{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	margin-top:3px;
}
#DGCaption a:visited{
	color:black;
}
#DGCaption a:hover{
	text-decoration: underline;
}

/* format category titles in a full dynamic list */
#DGlist .ms-gb{
	font-family: "proxima-nova-condensed", "Arial Narrow", Arial, sans-serif !important;
    font-weight:normal !important;
	text-transform:uppercase !important;
	font-size:15px !important;
	padding-top:15px !important;
	border-bottom:1px #13D0CA solid !important;
	padding-left:-100px !important;
}

#DGlist .ms-gb: a:last-child{

display:block !important;
 visibility:hidden !important;

}

#DGlist img{
	border:0px;
}

/*#DGlist .ms-gb a:link > img {

display:inline !important;
visibility: visible !important;
position:relative !important;
top:17px !important;
right:3px !important;
border:0px;

} */

/* removes plus */
#DGlist .ms-gb a:link > img {
	display:none !important;
}


/* NOTE: e101 slider styles are set in the layouts */

.nivo-controlNav a {
top:-40px !important;

}




/* ocupational safety rollover on this page */

		#osmap {
			margin:0;
			padding:0;
			width:460px;
			height:653px;
			background:url("https://www.eei.org/SiteCollectionImages/ForMembers/implementation_timeline.jpg") top left no-repeat #fff;
			font-family:arial, helvetica, sans-serif;
			font-size:8pt;
		}
		
		#osmap li {
			position:relative;
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#osmap li a {
			position:absolute;
			display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
   			background:url(blank.gif);
   			text-decoration:none;
			color:#000;
		}
		
		#osmap li a span { display:none; }
		
		#osmap li a:hover span {
			position:relative;
			display:block;
			width:480px;
			left:70px;
			top:-50px;
			border:1px solid #000;
			background:#fff;
			padding:5px;
  		}
	
		#osmap a.pop0217 {
	top: 52px;
	left: 140px;
	width: 400px;
	height: 44px;
   	text-decoration:none;
		}
		
		#osmap a.pop0228 {
	top: 98px;
	left: 140px;
	width: 400px;
	height: 50px;
   	text-decoration:none;
		}
		
		#osmap a.pop0331a {
	top: 149px;
	left: 140px;
	width: 400px;
	height: 46px;
   	text-decoration:none;
		}
		
		#osmap a.pop0331b {
	top: 197px;
	left: 140px;
	width: 400px;
	height: 44px;
   	text-decoration:none;
		}
		
		#osmap a.pop0331c {
	top: 242px;
	left: 140px;
	width: 400px;
	height: 41px;
   	text-decoration:none;
		}
		#osmap a.pop0401a {
	top: 285px;
	left: 140px;
	width: 400px;
	height: 37px;
   	text-decoration:none;
		}
		#osmap a.pop0401b {
	top: 324px;
	left: 141px;
	width: 400px;
	height: 41px;
   	text-decoration:none;
		}
		#osmap a.pop0401c {
	top: 367px;
	left: 141px;
	width: 400px;
	height: 41px;
   	text-decoration:none;
		}
		#osmap a.pop0430 {
	top: 423px;
	left: 140px;
	width: 400px;
	height: 41px;
   	text-decoration:none;
		}
		#osmap a.pop0630 {
	top: 467px;
	left: 142px;
	width: 400px;
	height: 41px;
   	text-decoration:none;
		}
		#osmap a.pop160131 {
	top: 615px;
	left: 141px;
	width: 400px;
	height: 41px;
   	text-decoration:none;
		}




/* ------------------------ override sharepoint and virto slider css styles ---------------------------------------------------------------------------------------------------------------------*/

/* this is to fix the margin at the top of the slider so it is set to 0 */
.nivoSlider {
	margin-top: -7px !important;
}

/* NEW STYLE  Begin */
/* can't find tag to center these buttons so: for 3 use 458px, for 4 use 420px, for 5 use 431px
#button-wrapper div {
	margin-left:431px !important;
} */
#ip-fade-wrapper {
	height:440px !important;
	
}
/* NEW STYLE  End */


/*this removes the author/date/size and url from displaying in a search (have to add margin-bottom to description, becuase we hide metadata1 which has the margin-bottom in it) */
.srch-Metadata2, .srch-Metadata1 {
	display:none !important;
}
.srch-Description2{
	margin-bottom:12px !important;
}

.s4-search input.ms-sbplain {
	height: 16px !important;
	border-color: #CCD0D1 !important;
	border-width: 2px !important;
	width: 215px !important;
	background-image: none !important;
	padding: 0 !important;
	padding-left: 4px !important;
	border-right: none !important;
	vertical-align: middle !important;
	padding-top: 4px !important;
	font-family: Arial !important;
	font-size: 10pt !important; 
	color: #073367 !important;
}

.s4-search .ms-sbgo a {
	background: url('images/eei_searchbutton_2.png') !important;
	background-repeat: no-repeat !important;
	display: block !important;
	height: 24px !important;
	width: 35px !important;
}
.s4-search .srch-gosearchimg, .s4-search .ms-sbgo span {display:none !important; }

.ms-popoutMenu { background: #ffffff; }

/*color was 073367 changed 7/14/2014 by sjm 0B4B9B */
.menu-item { border: none !important; color: #000000 !important; font-family: "Arial","sans-serif"; font-size: 13px !important; background: transparent !important; background-image:none  !important;  } 
.selected { font-size: 13px !important; font-weight: bold !important; padding-left:1px !important; } /* steven changed this from .menu-item selected because it did not work, now it is working as expected... current site is bolded */
/*.menu-vertical ul li:hover a { color: #000000 !important; text-decoration: underline !important;}  4/2013 I'm not sure why this was styled. it makes a sub group of pages all underlined when you roll over them  -steven*/

/*color was 073367 changed 7/14/2014 by sjm */
.menu-item-text ul li:hover a { color: #0B4B9B !important; text-decoration: underline !important;}
.ms-WPBorder, .ms-WPBorderBorderOnly { border: grey solid 1px !important; }

/* added by SJM 7/23 this will remove the 1 px border from web parts */
.ms-rtestate-field TABLE{
	border: none !important;
}

.s4-ql a.selected {
	color: #0B4B9B !important;
}

/* would like to get CURRENT site to show sub menus but cannot figure out how. will use indent below we ever get it to work. */
.menu-vertical li li {
 margin-left:10px; /* indents sub menu items if present NOT USED */
}
.menu-vertical ul li ul {
 display:none;  /*makes sub items dissapear - needed because the default is to SHOW ALL SUB MENU ITEMS for all underlying sites */
}

.ms-rteElement-H1 {
	font-family: Arial Narrow, Arial;
	font-size: 13pt; /* h1 and h2 should be the same size - difference is h1 has no top margin (h1 should be used if headding is the first thing on the page) */
	font-weight:bold;
	color: #073367;
	margin-bottom:6px;
	margin-top: 0px;
}
.ms-rteElement-H2 {
	font-family: Arial Narrow, Arial;
	font-size: 13pt; /* h1 and h2 should be the same size - difference is h1 has no top margin (h1 should be used if headding is the first thing on the page) */
	color: #073367;
	margin-bottom:6px;
	margin-top: 30px;
	font-weight:bold;
}
/* dynamic list */
.ms-vb2 {
font-size: 10pt;
font-family: arial;
color:black;
	
}

/* removes the column name from grouped lists */
.ms-gb a:first-child{

 display:block !important;
 visibility:hidden !important;

}

/* trying to hide the second level column name and this DOES NOT WORK

.ms-gb2 a:first-child{

 display:block !important;
 visibility:hidden !important;

}*/

/* shows the plus sign when removing column names */
.ms-gb a:link > img {

display:inline !important;
visibility:visible !important;
position:relative !important;
top:15px !important;
right:5px !important;

}


/* Styles changed to make Site Map look better  - redid site map this should be deleted if new site map works*/
.headertitle-large a{
	margin-left:-2px;
	
}
.headertitle-small a{
	margin-left:-25px;
	
}
.headertitle a{
	margin-left:-10px;
	
}

/* new site map styling TOOK OUT... AFFECCTS MEETINGS AND NEWS ON HOME PAGE
.ms-WPBody a:visited {
color: #0B4B9B !important;
}
.ms-WPBody a:link {
color: #0B4B9B !important;

}*/

/* account management styles */

.failurenotification {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20pt;
	color: red; 
	font-weight:bold;

}


/* added some important style here to help style the meeting list */

/* remove titles from certain lists: use wp-notitles div tag */
#wp-notitles .ms-viewheadertr
{
   display: none;
}

#wp-notitles .ms-listviewtable .ms-gb {
	padding-top:0px;
}
.ms-alternating {
	background:#F1F1F1!important;
}

/* remove shade from lists with wp-noshade div tag */
#wp-noshade .ms-alternating {
	background-color:white !important;
}
/* NEW STYLE */

/* remove plus (expand) from lists with wp-noexpand div tag */
#wp-noexpand .ms-gb a:link > img {
	display:none !important;
}

/* fixed the column width. since each regiion is a different list they had differnt column widths, this fixes them so they are all the same. Also, the h1 spacing needed to be adjusted for this page */
#wp-internationallist td {
	width: 100px !important;
}
#wp-internationallist h1{
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	margin-top:20px !important;
}

.ms-WPBody td {
font-size: 10pt;
font-family: arial;
color:black;
}

.upcomingmeetingheader-monthseperator-hr {
border: 0px;
margin-left: 7px;
margin-bottom: 15px !important;
background-color: #f09449 !important;
color: #F09449 !important;
}
.upcomingmeetingheader-monthseperator-text-cell h2 {
	margin-top:5px !important;
}

/* added some style here to style the products section*/

.productOverallRelatedProductsTitle{
	font-family: Arial Narrow, Arial !important;
	font-size: 13pt !important;
	color: #073367 !important;
	margin-bottom:6px !important;
	margin-top: 20px !important;
	font-weight:bold !important;
	border-bottom: 0px
}

.productImageRelated {
	
	padding-left:5px !important;
}

/* #eei_relatedProducts {
	background-color: #feebdb;
} */

.productGridFormatTitle {
font-size: 10pt !important;
font-family: arial !important;
color: black !important;
text-transform:capitalize}

.productImageFull {
	float: left;
height: 130px;
margin: 0px;
width: 100px;
border: 0px;
margin-bottom:10px;
margin-right:15px;
}

.productSingleTitle {
	font-family: Arial Narrow, Arial !important;
	font-size: 13pt !important;
	color: #073367 !important;
	margin-bottom:6px !important;
	margin-top: 20px !important;
	font-weight:bold !important;
	border-bottom: 0px
}

/*.productGridMemberPrice{
	text-align:right;
	padding-right:52px;
	
}
.productGridNonMemberPrice{
	text-align:right;
	padding-right:80px;
	
}

.productGridMemberTitle{
	padding-left:30px
}
*/
.productDetail .productTitle, .productShoppingCartFullProductTitle {
	font-family: Arial !important;
	font-size: 13px !important;
	color: #073367 !important;
	margin-bottom:6px !important;
	margin-top: 20px !important;
	border-bottom: 0px;
	font-weight:bold;
}
.productShoppingCartFullProductTitle{
	color: #000000 !important;
	padding-top: 10px !important;

}
.productThumbnail {
	padding-right: 20px;
	padding-top: 10px;
	padding-left:10px;
	padding-bottom:10px;
}

.productDetail {
	padding-top: 10px;
	padding-bottom:10px;
	padding-right:10px

}
.productItem, .alternateProductItem {
}

.productShoppingCartFullQuantity input {
	color: black !important;
	font-family: Arial !important;
	font-size: 10pt !important;
	border: 1px solid black;
}
.productShoppingCartFullShipToAddress select {
	border: 1px solid black;
	color: black;
	font-size: 10pt;
	font-family: Arial !important;
}
.productShoppingCartFullShipTo input {
	border: 1px solid black;
	color: black !important;
	font-family: Arial !important;
	font-size: 10pt !important;
	height: 18px
}

.productShoppingCartFullShipTo {
vertical-align: bottom;
margin-bottom: 5px;
} 
.productShoppingCartFullShipToAddress {

vertical-align: bottom;
}
.productShoppingCartFull td {
	border:0px ;
	padding-bottom:10px;
}


.lblAddress a {
	font-size:	8pt !important;
}
.productShoppingCartSummarySmall {
	border: 1px solid black !important;

}

.cart_product_thumbnail {
	padding-right: 10px;
	padding-top: 10px;
	padding-left:10px;
	padding-bottom:10px;
	vertical-align:top;
}



.sectionbutton a:link {
    font-family: "proxima-nova", Arial, Helvetica !important;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    margin: 0;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 8px;
    display: inline-block;
    color: white !important;
    background-color: #0083be;
    border: 2px black solid;
}

.sectionbutton a:hover {
	cursor:pointer;
	color:black  !important;
	background-Color:white;
	border: 2px #0083be solid; 
	text-decoration:none  !important
			
}
.sectionbutton a:visited {
    font-family: "proxima-nova", Arial, Helvetica !important;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    margin: 0;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 8px;
    display: inline-block;
    color: white !important;
    background-color: #0083be;
    border: 2px #0083be solid;
}


/*also rem this out:
#center {
 	width: 980px !important; /* SJM testing responsive 4/1 */

/* try to customize the editor in meetings by replacing the image with one that has the offending icons erased but did not work--- .cleditorButton{
	background:url('http://www.eei.org/SiteCollectionImages/buttons.gif') !important
} */

/*
.productShoppingCartFullTotalPrice {
color: black !important;
font-family: Arial !important;
font-size: 13px !important;
font-weight: bold;
height: 28px;
text-align: right;
}


.productShoppingCartFullQuantity {
	width: 17%;
	padding-left: 5px;
	vertical-align: top;
	text-align: left;
}

.deleteColumn {
	color: black !important;
	font-family: Arial !important;
	font-size: 10pt !important;
	padding: 5px;
	padding-left:0px;
	vertical-align: top;
	text-align: left;
}

.productShoppingCartFullProductDelete {
color: #0b4b9b !important;
float: left;
cursor: pointer;
}*/