/*========================================================*/
/* HTML STYLES */
/*========================================================*/

body {
	text-align: center;
	height:100%;	
}

p,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*========================================================*/
/* PORTAL STYLES NOT DEFINED IN DEFAULT.CSS */
/*========================================================*/

.Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.NormalRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}
.NormalBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.NormalDisabled
{
	color: Silver;
}
.HEAD
{
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: black;
}
.SubHead
{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}
.SubSubHead
{
	font-size: 11px;
	font-weight: bold;
	color: red;
}
.NormalTextBox
{
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem, .DataGrid_Header, .DataGrid_Item, .DataGrid_SelectedItem
{
    background-color: Transparent;
    color: black;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_AlternatingItem
{
    background-color: #E9E9E9;
    color: #993300;
}
.DataGrid_Container
{
    background-color: Transparent;
}
.DataGrid_Footer
{
    background-color: White;
}
.DataGrid_Header
{
    font-weight: bold;
    text-align: center;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
}
/*========================================================*/
/* MISC STYLES */
/*========================================================*/

centerheight {
	padding-bottom: 5px;
}

.center
{ 
	text-align: center;
}

.center table
{ 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*========================================================*/
/* TABLE STYLES */
/*========================================================*/

.login {
	text-align: right;
	padding-right: 10px;
	height: 16px;
	width: 800px;
}

.loginLeft {
	height: 16px;	
	text-align: left;
	padding-left: 10px;
}

.loginRight {
	height: 16px;	
	text-align: right;
	padding-right: 10px;
}


.wrapper {
	height: 100%;
	width: 800px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #CCCCCC;

}

.breadcrumb {
	padding-left: 10px;
	height: 25px;
	width: 100%;
}

.footer {
	height: 18px;
	width: 800px;
	vertical-align: bottom;
}

.footerLeft {
	height: 16px;	
	text-align: left;
	padding-left: 10px;
}

.footerRight {
	height: 16px;	
	text-align: right;
	padding-right: 10px;
}

.center {
	text-align: center;
}

.aligntop {
	vertical-align: top;
}
.rusty {
	background-color: #ce7019;
	height: 25px;
	width: 100%;
}
.limey{
	background-color: #cccc66;
	height: 6px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

/*========================================================*/
/*  LINK STYLES */
/*========================================================*/

a:link {
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
}
a:visited {
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
}
a:hover { color: #CCCCCC; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: 16px; text-decoration: underline; }

div#menu {
	padding: 10px;
}


/* MENU LINK STYLE */
a.menu:link {
	color: #999999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 24px;
	text-decoration: none;
	font-weight: bolder;
}
a.menu:visited {
	color: #999999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 24px;
	text-decoration: none;
	font-weight: bold;
}
a.menu:hover {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 24px;
	text-decoration: underline;
	font-weight: bold;
}

/*========================================================*/
/*  PANE STYLES */
/*========================================================*/

td#rightpane {
	float: left;
	vertical-align:top;
}

.rightpane {
	background-color: transparent;
	padding: 5px;
	float: right;
}

td#.middlepane {
	width: 100%;	
}

.spacer {
	height: 20px;
}

.middlepane {
	width: 100%;
	background-color: transparent;
	padding: 6px;
	float: left;
}

td#leftpane {
width: 200px;
}

.leftpane {
	width: 200px;
	background-color: transparent;
	padding: 6px;
}
.BannerPane {
	vertical-align: top;
	height: 150px;
	width: 475px;
}

.InteriorLogoArea {
	height: 150px;
	width: 325px;	
	text-align: center;
}
.BannerArea {
	vertical-align: top;
	width: 475px;
}
.LogoTable {
	background-color: #FFFFFF;
	
}
/*========================================================*/
/* EOS FOOTER */
/*========================================================*/

.ngm, a.ngm:links, a.ngm:visited, a.ngm:hover  {
	/* background-color: #d6dce5; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

/*========================================================*/
/*  TOKENS                                                */
/*========================================================*/

.DATE_object {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 10px;
}

/*-- user and login       	--*/
.LOGIN_object {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
/*-- login links 	--*/
a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active {
	color: #CCCCCC;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
}

a.LOGIN_object:hover {
	color: #999999;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	text-decoration: underline;
}

/*-- logo object	--*/
.LOGO_object {	
	text-align: center;
}

/*-- breadcrumb object	--*/
.BREADCRUMB_object {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	padding-left: 10px;
}

/*-- breadcrumb links	--*/
a.BREADCRUMB_object:link, a.BREADCRUMB_object:visited, a.BREADCRUMB_object:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

/*-- breadcrumb hover	--*/
a.BREADCRUMB_object:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}

/*-- search object --*/
.SEARCH_object {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

.alignright{text-align: right;
	padding-right: 10px;
}
	
/*-- search links	--*/
a.SEARCH_object:link, a.SEARCH_object:visited, a.SEARCH_object:active {
	color: #999999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;	
}

/*-- search hover	--*/
a.SEARCH_object:hover {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: underline;
}
	
/*-- footer object	--*/
.FOOTER_object {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

/*-- footer links	--*/
a.FOOTER_object:link, a.FOOTER_object:visited, a.FOOTER_object:active {
	color: #999999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
	text-decoration: none;	
}

/*-- footer hover	--*/
a.FOOTER_object:hover {
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
	text-decoration: underline;
}

/*========================================================*/
/*  MAIN MENU                                             */
/*========================================================*/

/* ROOT MENU ITEMS STYLES */
.MainMenu_RootMenuItemSelected
{
	background-color: #F0F0F0;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;			
}

.MainMenu_RootMenuItemActive
{
	color: #FF0000;
	cursor: pointer;
	height: 20px;
}

/* MENU STYLES */
.MainMenu_MenuContainer
{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 25px;
	background-color: white;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 20px;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: #999999;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	background-color: white;		
}
.MainMenu_MenuIcon
{
	margin-left: 5px;
	height: 20px;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	border: 1px solid #CCCCCC;	
}
.MainMenu_MenuBreak
{
	background-color: #white;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF00CC;
	border-right-color: #FF00CC;
	border-bottom-color: #FF00CC;
	border-left-color: #FF00CC;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: #666666;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	height: 20px;
				
}
.MainMenu_RootMenuArrow
{
	display: none;
}
.MainMenu_MenuArrow
{
	padding-right: 3px;
}

/*========================================================*/
/*  HOME PAGE STYLES                                      */
/*========================================================*/
.HomeWrapper {
	height: auto;
	width: 800px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #CCCCCC;

}
.homeLogo{
	margin-top: 75px;
	margin-bottom: 60px;
	text-align: center;
}
.LogoArea {
	height: 370px;
	width: 323px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.tagline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-transform: lowercase;
	color: #cccc66;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	clear: both;
}
.HomeMenuArea {
	height: 370px;
	width: 475px;
	background-color: #FFFFFF;
	background-image: url(images/logo-detail.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
.HomeMenuTable {
	vertical-align: top;
	height: 370px;
	width: 100%;	
}
.HomeMenu {
	vertical-align: top;
	margin-top: 75px;
}
.FlameSmoke {
	width: 275px;
	float: right;
	margin-top: 170px;
	text-align: center;
}
.flame{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #cccc66;
	text-decoration: none;
}
.smoke{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #ce7019;
}
.keywordRow{
	overflow: hidden;
	height: 25px;
	background-color: #cccc66;
	text-align: center;
}
.keywordbullet {
	background-image:url(/portals/0/skins/pag-custom/images/diamond-bullet.gif);
	height: 25px;
	width: 7px;
	background-repeat: no-repeat;
}
.keywords {
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F5F5E2;
	font-weight: bold;
}
.keywords2 {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
	font-size: 16px;
	color: #F5F5E2;
	font-weight: bold;
}
.HomeContentArea {
	background-color: #ce7019;
	height: 230px;
	width: 100%;
	vertical-align: top;
}
.HomeContent {
	margin: 25px;
}
.wires {
	background-image: url(images/wires.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 375px;
	vertical-align: top;
}
/* END */



