/* ---------  System Manager Portal Style ------------------- */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
h1,Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: darkblue;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
a:link {
	color: #3b84bc;
}
a:visited {
	color: #3b84bc;
}
a:hover {
	color: #98923a;
}
a:active {
	color: #3b84bc;
}

.newslinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
}
.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
}
.cache-tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background: rgb(156,154,140);
}
.solfinder-menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 180px;
	background-color: #FFFAE7;
}
.ensemble-tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}
.quote-text {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #333333;
	font-weight: normal;
}
.quotation-marks {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	color: #5E99AA;
	font-weight: bold;
	line-height: 14px;
}
.quote-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: right;
}
.quote-company {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-transform: capitalize;
	text-align: right;
}
.back-to-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
A.buttonStyle
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none
}
A.buttonStyle:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.buttonStyle:hover
{
    COLOR: #384492
}
A.productBullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
A.productBullets:visited {
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.productBullets:hover {
    COLOR: #666666}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	list-style-type: square;
}
.run-inH-cache {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #664975;
}
.breadCrumbs
{
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px}
A.breadCrumbsLink
{
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px}
A.breadCrumbsLink:visited
{
	COLOR: #333333;
}
A.breadCrumbsLink:hover
{
	COLOR: #5E99AA;
}
.run-inH-ensemble {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #266659;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
A.SUB3buttonStyle
{
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	text-align: right;
}
A.SUB3buttonStyle:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.SUB3buttonStyle:hover
{
    COLOR: #384492
}
A.SUB4buttonStyle
{
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
	text-align: right;
}
A.SUB4buttonStyle:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.SUB4buttonStyle:hover
{
    COLOR: #384492
}
A.buttonStyleON
{
	COLOR: darkblue;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	padding-left: 2px;
	padding-right: 2px;
}
A.buttonStyleON:visited
{
	COLOR: darkblue;
	TEXT-DECORATION: none;
	padding-left: 2px;
	padding-right: 2px;
}
A.buttonStyleON:hover
{
	COLOR: rgb(218,72,72);
	padding-left: 2px;
	padding-right: 2px;
    
}

/* ----------------------------------------------------------

Following styles are shared with Ensemble.

------------------------------------------------------------- */
/* layout styles */

TABLE.LayoutMain {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
	
TABLE.LayoutMain TR {
	vertical-align: top;
}

TABLE.LayoutMain TD.LayoutMenuCol {
	background: white;
	border-right: 1px solid gray;
	vertical-align: top;
}

TABLE.LayoutMain TD.LayoutContentCol {
	padding-left: 20px;
	vertical-align: top;
}

DIV.TitleText {
	background: rgb(52,108,141);
	font-size: 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: white;
	width: 80%;
	
}
TD.text1		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em; 
	vertical-align: baseline;}

DIV.text1:first-letter	{font-size: 1.4em; vertical-align: baseline;}

TD.text1:first-letter	{font-size: 1.4em; vertical-align: baseline;}

/* Menu styles */

TABLE.Menu {
	margin: 0px;
	font: 1.0em Arial, Helvetica, sans-serif;
}


DIV.MenuItem {
}

TD.MenuItem {
	color: yellow;
	background: #f2ce68;
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 5px;
}

TD.MenuItem A.MenuItem {
	color: black;
	width: 100%;
	padding: 0px;
	text-decoration: none;
}

TD.MenuItem A:hover.MenuItem  {
	color: black;
	background: #FFF0B0;
	width: 100%;
	padding: 0px;
	text-decoration: none;
}

TD.MenuItemCurr {
	color: yellow;
	background: #f7e8aa;
	width: 100%;
	border-bottom: 1px solid white;
	padding: 5px;
	text-decoration: none;

}


TD.MenuItemHi {
	color: blue;
	background: #f7e8aa;
	width: 100%;
	border-bottom: 1px solid white;
	padding: 5px;
}

TD.MenuItemHi A.MenuItem {
	color: blue;
	width: 100%;
	padding: 0px;
	text-decoration: none;
}

TD.MenuItemCurrHi {
	color: blue;
	background: #FFF0B0;
	width: 100%;
	border-bottom: 1px solid #808050;
	padding: 5px;
}

/* Detail pane table styles */

DIV.DetailCommand { font-size: 0.8em; 
		margin-left: 0px;
		margin-right: 20px;
		margin-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 2px;
		border-top: 1px gray solid;
		border-bottom: 1px gray solid;
		width: 100%;
		background: rgb(52,108,141);
}

A.DetailCommand { 
	background: rgb(53,107,141);
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #E0E0E0;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	/* -moz-border-radius: 5px; */
	border-radius: 5px;
 	border-top: 1px solid lightgray;
    	border-left: 1px solid lightgray;
    	border-right: 2px solid gray;
    	border-bottom: 2px solid gray;
} 
	
A.DetailCommand:visited {
	color: #E0E0E0;
}
	
A.DetailCommand:hover {
	background: rgb(53,107,141);
	color: white;
	background-image: url(portal/button_hover.png);
	background-repeat: repeat-x;
}

/* table filter styles */

.FilterTable {
	background: rgb(220,231,241);
	margin-left:20px;
	margin-bottom:5px;
	border: 1px solid gray;	
}

.FilterLabel {
	color: black;
	font-size: 0.7em;
}

.FilterMsg {
	color: black;
	font-size: 0.7em;
}

.FilterInput {
	color: blue;
	font-size: 0.7em;
}


.PagingButtons {
	color: #3b84bc;
	background: white;
	border: 1px gray solid;
	padding: 1px;
	font-size: 0.7em;
}

.PageLink {
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

.PageLinkDisabled {
	color: #B0B0FF;
	padding-left: 5px;
	padding-right: 5px;
}

.PageLinkCurr {
	background: yellow;
	color: #3b84bc;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px black solid;
	border-right: 1px black solid;
}


/* table details */

TABLE.DetailTable	{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 20px; margin-right: 20px;
	border: 1px #888888 solid;
}
TABLE.DetailTable TH { 
	font-weight: bold;		
	background:white; 
	color: #888888;
	text-align: center;
}
TABLE.DetailTable TH.SortCol { 
	font-weight: bold;		
	background: white; 
	color: rgb(218,72,72);
	text-align: center;
	}

TABLE.DetailTable TH A { 
	color: rgb(91,164,220); 
	font-weight: bold; 
	text-decoration: none;
	}

TABLE.DetailTable TH.SortCol A { 
	color: rgb(91,164,220); 
	font-weight: bold; 
	text-decoration: none;
	}

TABLE.DetailTable TR.OddRow { background: white; }

TABLE.DetailTable TR.EvenRow { background: #F1F0E7; }


TD.DetailValue A {
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
}

TD.DetailValue DIV {
	width: 100%;
}

TD.DetailLabel
		{ 
	background: #EEDDFF;
	font-weight: bold;
}
		
TD.DetailMore
		{	
		font-style: italic; 
		color: gray;
		border-left: gray solid 1px; border-bottom: black solid 1px; 
		padding-left: 3px; 
		padding-right: 5px; 
}

/* AutoForm styles */
/* AutoForm: Form */

TABLE.AutoForm	{ 
	font-family: Arial, Helvetica, sans-serif;
	border: gray solid 1px; font-size: 0.8em;
	margin-left: 20px; margin-right: 20px;
	background: rgb(237,236,228);
	/* -moz-border-radius: 5px; */
	border-radius: 5px;	
}
/* 	background-image: url(/csp/broker/images/grad-halfgray-10x500.png);
	background-repeat: repeat-x;
*/

TD.AutoFormCaption {
	text-align: right;
}

TD.AutoFormButton {
		padding-top: 10px;
		text-align: right;
		}

INPUT.AutoFormLookupButton {
			font-weight: bold;
			font-size: 0.6em;
		}


/* AutoForm: Table */

TABLE.AutoFormTable {
		border: black solid 1px; font-size: 0.8em;
		background: white;
		margin-left: 20px; margin-right: 20px;
	}

TR.AutoFormTableTitle {
		background: blue;
		padding-left: 4px; padding-right: 4px;
	}

TR.AutoFormTableTitle TH {
		color: #888888;
		font-weight: bold;
		text-align: left;
		border-bottom: black solid 1px;
		border-right: gray solid 1px;
		padding: 3px;
	}

TD.AutoFormTableExpandor {
		background: #D0D0FF;
		font-weight: bold;
		border-bottom: gray solid 1px;
		padding: 3px;
	}

TD.AutoFormTableCaption {
		background: #D0D0FF;
		font-weight: bold;
		border-bottom: gray solid 1px;
		border-right: gray solid 1px;
		padding: 3px;
	}
TD.NumericCaption {
		background: #D0D0FF;
		border-bottom: gray solid 1px;
		border-right: gray solid 1px;
		padding: 3px;
		text-align: right;
	}
TD.AutoFormTableValue {
		background: #FFFFFF;
		border-bottom: gray solid 1px;
		border-right: gray solid 1px;
		padding: 3px;
	}
	
/* Use InfoTable to display a table with Name/Value pair
   use th.title for title in the table. e.g. <th class="title" height="30" colspan=2> for "about" table.  
*/	
TABLE.InfoTable	{ 
	background: rgb(237,236,228);
	border: 1px solid black;
	color: rgb(67,67,67);
	font-size: 12px;
	margin-left: 20px; 
	margin-right: 20px;
	/* -moz-border-radius: 5px; */
	border-radius: 5px;	
}
table.InfoTable th.title { 
	border-bottom: gray solid 1px; 
	font-weight: normal;
	font-size: 20px;
	background: rgb(156,154,140); 
	color: #FFFAE7;
	text-align: left;
	padding: 6px;
	padding-left: 5px;
	padding-right: 5px;
}
table.InfoTable td { 
	border-bottom: gray solid 1px; 
	border-right: gray solid 1px;
	font-size: 0.8em;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
table.InfoTable td.caption { 
	font-weight: bold;	
}

	
/* SMP User/Role Tab Menu */	
td.menuHd {
	background: white;
	border-left: #346c8d solid 1px;
	border-top: #346c8d solid 1px;
	border-right: #346c8d solid 1px;
	font-weight: bold;
}
td.menuHd A {
	color: #3b84bc;
	text-decoration: none;
}
td.menuHd A:hover {
	color: #98923a;
}		
td.menuHdSel {
	background: #edece4;
	border-left: #346c8d solid 1px;
	border-top: #346c8d solid 1px;
	border-right: #346c8d solid 1px;
	font-weight: bold;
}
td.menuHdSel A {
	text-decoration: none;
}	

/* other styles */

A.LastUpdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: blue;
	padding: 2px;
	background: white;
	border: 1px black solid;
}
A.LastUpdate:hover
{
	color: #5E99AA;
	
}

DIV.ErrorBox {
	margin: 20px;
	border: 1px gray solid;
	color: #da4848;
	font-family: arial,"courier new", sans-serif;
	background: white;
	padding:5px;
}

td.LocatorBar {
	background: #A0B088;
	background-image: url(/csp/broker/images/locatorgradient.png);
	background-repeat: repeat-x;
	border-bottom: 1px darkblue solid;
	padding-bottom: 1px;
}

DIV.Locator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: darkblue;
	text-decoration: none;
}

DIV.Locator A {
	color: darkblue;
	text-decoration: none;
	padding-right: 1px;
	padding-left: 1px;
}

DIV.Locator A:visited {
	color: darkblue;
}

DIV.Locator A:hover {
	color: rgb(218,72,72);
	background: #FFFAE7;
}

/* MGT portal menu headers */
/* green */
.MenuPaneHeader-A {
	background: #05B868;
	background-image: url(images/grad-menu-a.png);
	background-repeat: repeat-x;
}

/* blue */
.MenuPaneHeader-B {
	background: #1578B8;
	background-image: url(images/grad-menu-b.png);
	background-repeat: repeat-x;
}

/* yellow */
.MenuPaneHeader-C {
	background: #FF8825;
	background-image: url(images/grad-menu-c.png);
	background-repeat: repeat-x;
}

/* ----------------------------------------------------------

Following are not shared with Ensemble.   background:rgb(232,231,225);

------------------------------------------------------------- */

body {
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
}
.wizardlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #384492;
	text-align: right;
}
.wizardltlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #384492;
	text-align: left;
}

/* ----------------------------------------------------------

Following are new for 2010 - from %ZEN.Portal.application.

------------------------------------------------------------- */

.portalPropertyPanelTitle {
	color: white;
	font-size: 12pt;
	padding: 5px;
}

.portalPropertyPanelCommands {
	color: white;
	background: black;
	width: 100px;
	text-align: center;
	font-size: 9pt;
	border: 1px solid gray;
}

.portalTitle {
	width: 100%;
	height: 60px;
	position: relative;
	border-bottom: 1px solid gray;

	background: rgb(232,231,226);
	/* html5 filter: progid:DXImageTransform.Microsoft.gradient(GradientType='0', startColorstr='#e8e7e2', endColorstr='#e0d9d9');*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0,rgb(232,231,226)), color-stop(0.5,rgb(242,241,236)), color-stop(1.0,rgb(232,231,226)));
	background: -moz-linear-gradient(top, rgb(232,231,226), rgb(242,241,236),rgb(222,221,216));
	background: linear-gradient(top, rgb(232,231,226), rgb(242,241,236),rgb(222,221,216));

}

.portalTitleInfoBox {
	position: absolute;
	bottom: 0px;
	left: 350px;
}

.portalTitleInfoLabel {
	padding-left: 10px;
	font-size: 9pt;	
	color: #606060;
	text-align: left;
}

.portalTitleInfoVal {
	font-size: 9pt;	
	color: black;
	text-align: left;
	font-weight: bold;
}

.portalTitleListBox {
	position: absolute;
	top: 5px;
	left: 20px;
	font-size: 9pt;	
}

.portalTitleMenuBox {
	position: absolute;
	top: 5px;
	left: 100px;
	font-size: 9pt;	
}

.portalTitleLink {
	color: #78b6dc;
	text-decoration: none;
}

.portalTitleLink:hover {
	color: #98923a;
}

.portalTitleTabBox {
	position: absolute;
	color: white;
	font-size: 16px;
	bottom: 0px;
	left: 20px;
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	padding: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	/* html5 -moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; */

	overflow: hidden;
	background: rgb(53,107,141);
	/* html5 filter: progid:DXImageTransform.Microsoft.gradient(GradientType='0', startColorstr='#356b8d', endColorstr='#306080'); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0,rgb(53,107,141)), color-stop(1.0,rgb(23,77,101)));
	background: -moz-linear-gradient(top, rgb(53,107,141), rgb(23,77,101));
	background: linear-gradient(top, rgb(53,107,141), rgb(23,77,101));

}

/* non-ie! 
.portalTitleTabBox:not([ie]) {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0,rgb(53,107,141)), color-stop(1.0,rgb(23,77,101)));
	background: -moz-linear-gradient(top, rgb(53,107,141), rgb(23,77,101));
	text-shadow: #F0F0F0 1px 1px 6px;
}
*/

.portalLogoBox {
	position: absolute;
	top: 0px;
	padding: 3px;
	padding-bottom: 4px;
	padding-right: 15px;
	right: 0px;
	width:210px;
	z-index: 3; 
}

.portalLogo {
	position: relative;
	top: 0px;
	right: 0px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	max-width:210px;
	max-height:50px;
	font-weight: bold;
	font-size: 12pt;
}

.rednote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #da4848;
	text-align: left;
	font-weight: bold;
}
.greennote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #52b012;
	text-align: left;
	font-weight: bold;
}
.normal {
	color: black;
	font-size: 12px;
	padding-right: 5px;
}