@charset "UTF-8";
/* CSS JPMorgan RSP - global.css defines styles for overall site */

/* font sizing guide***
************************
0.8em = 8px 
0.9em=9px;
1em = 10px
1.1em =11px
1.2em = 12px
1.6em = 16px
1.8em =18px
2.4em = 24px

Body font is set to 10px or 62.5% of its default size.
16px (the default size for ‘medium’ text in browsers is 16px. ) x 0.625 = 10px

Always size text relative to the parent element when using ems:
child pixels / parent pixels = child ems
i.e. 12 / 10 = 1.2em
(use thsis formula to calculate font size for child elements)
*/

body {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	background-color: #4f3126;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%; /* = base font 10PX */
}
img {
	border: none;
}

table {
	margin:0;
	padding:0;
	table-layout:auto;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Adding class for having bulleted list */
ul.bulleted {
	margin: 0;
	padding: 10px;
	list-style: disc;
}
form {
	margin: 0px;
	padding: 0px;
}
span.label {
	margin:0;
	padding:0;
}
form label, form label {
	margin:0;
	padding:0;
}
form fieldset {
	border:none;
	margin:0;
	padding:0;
}
input {
   font-size:1em;
   height:16px;
   margin:0;
   padding:0 0 0 4px;
   vertical-align:middle;
}
.input {
	border: 1px solid #CCC;
}

.hide {
	display: none;
}

.invisible {
  visibility:hidden;
}

.inline {
	display: inline;
}

.clearFloat {
	clear:both
}

a {
	outline:none;
}
a:link {
	color:#E8810D;
	text-decoration:none;
}
a:visited {
	color:#E8810D;
	text-decoration:none;
}
a:hover {
	color:#E8810D;
	text-decoration: underline;
}
a:active {
	color:#E8810D;
	text-decoration:none;
}
.link {
	cursor: pointer;
}
a.fullArt {
	color:#E8810D;
	display: block;
	margin:10px 0 0 0;
}

/* Button styles 
**********************************/
a.button, a.button:hover, a.button:active, a.button:visited {
	background: url(../img/btn_Left.gif) no-repeat top left;
	display: block;
	text-decoration: none;
	text-transform: none;
	float: left;
	height: 18px;
	outline:none;
	margin:0 3px 0 0px;
	padding:0px 0 0 7px;
}
a.button span {
	background: url(../img/btn_RightFull.gif) no-repeat top right;
	height:16px;
	display: block;
	color: #FFF;
	padding:2px 12px 0px 5px;
	margin:0 0 0 0;
	font-weight: normal;
	font-size:1.1em; /*11PX*/
	cursor: pointer;
	float:left; 
	white-space:nowrap;
}
a.button:hover {
	background-position: 0 -18px;
}
a.button:hover span {
	background-position: right -18px;
}

/******/


/* Button styles for contact us button and also used as dhtmlpopup marker class
**********************************/
a.dhtmlPopupButton, a.dhtmlPopupButton:hover, a.dhtmlPopupButton:active, a.dhtmlPopupButton:visited {
	background: url(../img/btn_Left.gif) no-repeat top left;
	display: block;
	text-decoration: none;
	text-transform: none;
	float: left;
	height: 18px;
	outline:none;
	margin:0 3px 0 3px;
	padding:0px 0 0 7px;
}
a.dhtmlPopupButton span {
	background: url(../img/btn_RightFull.gif) no-repeat top right;
	height:16px;
	display: block;
	color: #FFF;
	padding:2px 12px 0px 5px;
	margin:0 0 0 0;
	font-weight: normal;
	font-size:1.1em; /*11PX*/
	cursor: pointer;
	float:left; 
	white-space:nowrap;
}
a.dhtmlPopupButton:hover {
	background-position: 0 -18px;
}
a.dhtmlPopupButton:hover span {
	background-position: right -18px;
}

/******/

.leftTxt {
	text-align:left;
}

/** PAGE ELEMENTS/FRAMEWORK 
********************************************** */
#container { /* do not adjust */
	position: absolute;
	width:100%;
	margin:0;
	padding:0;
/*	background-image:url(../img/bg_blue_pg.gif);*/ /*removed by jasjeet while trying brown look and feel*/
	background-repeat: repeat-x;
	background-color: #4f3126;
	background-position:top left;
	text-align: center;
}
.mainContainer, .mainContainerBlack { /* do not adjust */
	width:975px;
	margin:0 auto;
	text-align:left;
	height:100%;
	padding-bottom: 10px;
}
#containerInner {
	width:945px;
	height:100%;
	min-height:600px; /*fix for Safari mac */
	padding-top: 10px;
	padding-left: 15px;
	padding-right:11px;
	padding-bottom: 5px;
	background-color:#FFF;
	color:#000;
	border-right: 2px solid #4f3126;
	border-left: 2px solid #4f3126;
}
.roundCornerWhite {  /* do not adjust */
	width: 964px;
	height: 13px;
	margin-top: 15px;	
	padding-left: 11px;
	background: url(../img/whiteRoundCornerLeft.gif) no-repeat top left;
	overflow:hidden;
}
.roundCornerWhite span.middle, .roundCornerWhite div.middle { /* do not adjust */
	display: block;
	float: left;
	width: 954px;
	height: 100%;
	background: url(../img/bg_brown_pg_top.gif) #FFF top left;
	background-repeat: repeat-x;
}
.roundCornerWhite span.rightCorner, .roundCornerWhite div.rightCorner { /* do not adjust */
	float: left;
	width: 10px;
	height: 100%;
	background: url(../img/whiteRoundCornerRight.gif) no-repeat top right;
}
.roundCornerWhiteBottom {  /* do not adjust */
	width: 964px;
	height: 13px;
	padding-left: 11px;
	background: url(../img/whiteRoundCornerLeftBottom.gif) no-repeat top left;
	overflow:hidden;
}
.roundCornerWhiteBottom span.middle, .roundCornerWhiteBottom div.middle { /* do not adjust */
	display: block;
	float: left;
	width: 954px;
	height: 100%;
	background: url(../img/bg_brown_pg_bottom.gif) #FFF bottom left;
	background-repeat: repeat-x;
}
.roundCornerWhiteBottom span.rightCorner, .roundCornerWhiteBottom div.rightCorner { /* do not adjust */
	float: left;
	width: 10px;
	height: 100%;
	background: url(../img/whiteRoundCornerRightBottom.gif) no-repeat top right;
}
#footer {
	width:975px;
	margin:5px 0 0 0;
	text-align:left;
	font-size:1.1em;
	color:#fff;
}

#footer .txtDisclaimer {
	color:#fff;
	text-align:justify;
}

#footer .txtDisclaimer a:link, 
#footer .txtDisclaimer a:visited {
	text-decoration:underline;
	color:#fff;
}

 
#footer .txtDisclaimer a:hover, 
#footer .txtDisclaimer a:active {
	color:#cfcfcf;
}
.feedbackFooter #footer{
	padding-top:20px;
	width:850px;
	margin:5px 0 0 0;
	text-align:left;
	font-size:1.0em;	
}

.feedbackFooter #footer p{
	width:850px;
	line-height:1.0em;
	margin:0 0 0 15px;
	color:#000000;
	font-size:0.8em;
}
.feedbackFooter #footer ul li a{
	color:#E8810D;
	width:850px;
	margin:5px 0 0 0;
	text-align:left;
	font-size:0.8em;
}
#footer p {
	width:auto;
	line-height:1.2em;
	margin:0 0 0 15px;
	color:#fff;
}

#footer ul,
.feedbackFooter #footer ul {
	margin:0 0 20px 0;
}
.feedbackFooter #footer ul li,
#footer ul li {
	list-style:none;
	display:inline;
	padding:0 15px 0 15px;
	border-right:solid 1px #ccc;
}
#footer ul li a{
	color:#fff;
}
#footer ul li.last {
	border-right:none;
}
.contentModuleHead, .utilityModuleHead, .dataModuleHead {
	background: url(../img/head_Left_Content.gif) no-repeat top left;
	display: block;
	padding-left:9px;
	height: 23px;
	overflow: hidden;
	font-size:1.1em; /*11px*/
}
.refineModuleHead {
	background: url(../img/head_Left_Refine.gif) no-repeat top left;
	display: block;
	padding-left:9px;
	height: 23px;
	overflow: hidden;
	font-size:1.1em; /*11px*/
}
.dataModuleHead {
	color:#676767;
}
.contentModuleHead {
	position:relative;
}
.contentModuleHead span, .contentModuleHead div, .utilityModuleHead span, .utilityModuleHead div, .dataModuleHead span, .dataModuleHead div {
	display: block;
	height: 100%;
	padding-top: 5px;
	padding-left:1px;
	background: url(../img/head_RightFull_Content.gif) no-repeat top right;
}
.refineModuleHead span, .refineModuleHead div {
	display: block;
	height: 100%;
	padding-top: 5px;
	padding-left:0px;
	background: url(../img/head_RightFull_Refine.gif) no-repeat top right;
}
.round .accordionHandle {
	padding-left:1px;
}
.utilityModuleHead {
	background-image: url(../img/head_Left_Refine.gif);
}
.refineModuleHead {
	background-image: url(../img/head_Left_Refine.gif);
}
.dataModuleHead {
	background-image: url(../img/head_Left_Data.gif);
}
.utilityModuleHead span, .utilityModuleHead div {
	background-image: url(../img/head_RightFull_Refine.gif);
	color:#ffffff;
}
.refineModuleHead span, .refineModuleHead div {
	background-image: url(../img/head_RightFull_Refine.gif);
}
.dataModuleHead span, .dataModuleHead div {
	background-image: url(../img/head_RightFull_Data.gif);
}
.utilityModuleHead div span, .contentModuleHead div span, .dataModuleHead div span {
	display:inline;
	background: none;
	padding: 0;
	height: auto;
}
.refineModuleHead div h3 {
	float: left;
}
.contentModuleHead div h3, .utilityModuleHead div h3, .dataModuleHead div h3 {
	float: left;
}
.contentModuleHead div span, .utilityModuleHead div span, .dataModuleHead div span {
	float: right;
	margin-right: 0px;
	font-size:1.1em; /*11px*/
}
.subHead {
	background: url(../img/bg_grey2tone.gif) repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
	border-left-color: #CFCFCF;
}
.contentModuleHead .accordionHandle {
	background: url(../img/sm_org_arrow_dwn.gif) no-repeat 5px 5px;
	width: 20px;
	height: 23px;
	margin-top:-5px;
	border-left: 1px solid #CFCFCF;
	cursor: pointer;
}
.selected .contentModuleHead .accordionHandle {
	background-image: url(../img/sm_org_arrow_up.gif);
}
div.rect, div.rect div {
	background: url(../img/head_bg_Content.gif) repeat-x;
}
h3.rect, h3.rect span {
	background: url(../img/head_RightFull_Refine.gif) repeat-x;
}
div.rect {
	border-left: 1px solid #CFCFCF;
}
h3.rect {
    border-left: 1px solid #4F3126;
    border-top: 1px solid #4F3126;
}
div.rect div {
	border-right: 1px solid #CFCFCF;
}
h3.rect span {
	border-right: 1px solid #4F3126;
}

/*** GENERIC TEXT - HEADERS, PARAGRAPHS - H1 etc. 
**************************************************** */
h1 {
	margin:0;
	padding:0;
	background:transparent;
	color:#000000;
	font-size:2.4em; /*24PX*/
	font-weight:normal;
}
h2 {
	margin:0;
	padding:0;
	background-color:transparent;
	color:#000000;
	font-size:2.4em; /*18PX*/
	font-weight:normal;
}
h3 {
	margin:0;
	color:#676868;
	font-size:1.2em; /*12PX*/
	font-weight:normal;
	text-transform:uppercase;
}
p {
	color:#666;
	line-height:1.1em; /*11px*/
}

.closePopupTxt {
    font-size:1.2em;
    cursor:pointer;
    float:right;
    margin:0;
    /*padding:4px;*/
    color:#797979;
}

/*** Loading Animation **
****************************/
.loader {
	text-align: center;
	padding:10px;
}

.loader img {
	margin: -2px 5px 0 0;	
	padding: 0;
}

.loader span {
	font-size: 1.3em;
	font-weight: bold;
}

/*** Global Site Navigation **
****************************/
h1.masthead {
	float:left;
	font-size:0.9em;
	height:27px;
	margin-left:15px;
	margin-top:29px;
	padding-bottom:0px;
	text-align:left;
	width:170px;
}

/* when new logo is to be used in global header element, this CSS styling should be used to replace the one above */
/*
h1.masthead {
	float:left;
	font-size:0.9em;
	height:27px;
	margin-left:15px;
	margin-top:36px;
	padding-bottom:0px;
	text-align:right;
	width:170px;
}
*/

h1.masthead a, h1.masthead a:link, h1.masthead a:visited, h1.masthead a:hover, h1.masthead a:active {
	text-decoration:none;
}
h3.mastheadTxt {
	font-family: Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	color:#ccc;
	letter-spacing:0.2em;
	font-size:1.1em;
	margin-top:14px;
	width:auto;
	float:left;
	padding: 0 0 0 17px;
}

.mastheadSub {
	color:#FFFFFF;
	display:inline;
	float:right;
	font-size:1.2em;
	letter-spacing:0.1em;
	margin-top:5px;
	padding-right:15px;
	text-align:right;
	white-space:nowrap;
	width:auto;
}

* html .mastheadSub {
	margin-top:8px;
}
	
#navContainer
{
	background: url(../img/bg_nav_bar_cntr.gif) repeat-x 0 0;
	height:29px;
	float:left;
	text-align:left;
	font-size:1.1em;
	/* letter-spacing:0.1em;*/
	letter-spacing:normal;
	text-transform:uppercase;
	margin-left:15px;
}

* html #navContainer {
	margin-left:12px;
}

#navContainer ul {
	display:inline;
	float:left;
	width:742px;
	margin:0 0 0 10px;
}

* html #navContainer ul {
	margin:0 0 0 5px;	
	width:733px; /*IE6*/
}

#navContainer ul li {
	display:inline;
	padding:0;
	margin:0;
}

#navContainer .navLeft {
	background: url(../img/bg_nav_bar_left.gif) no-repeat top left;
	width:6px;
	height:29px;
	float:left;
}

#navContainer .navCntr {
	float:left; 
	width:auto;
}


#navContainer .navRight {
	background: url(../img/bg_nav_bar_right.gif) no-repeat top left;
	width:6px;
	height:29px;
	float:left;
}

#navContainer ul li a, 
#navContainer ul li a:link,
#navContainer ul li a:visited {
	color:#4f3126;
	padding:6px 15px 2px 15px;
	height:17px;
	float:left;
	width:auto;
	border-right: 1px solid #b0b0b0;
	margin-top:2px;
}
 
#navContainer ul li a:hover, 
#navContainer ul li a:active {
	color:#fff;
	text-decoration:none;
	background: url(../img/bg_nav_bar_hover.gif) repeat-x top left;
	width:auto;
	margin-top:2px;
	height:17px;
	display:block;
	padding:6px 15px 2px 15px;
	border-right: 1px solid #b0b0b0;
}	

/* meta navigations - secondary links 
***************************************/

ul.metaNaviUser {
	padding:0;
	float:left;
	margin-top:15px;
	margin-left:10px;
	color:#ccc;
	font-size:1em;
}

ul.metaNaviUser li {
	display:inline;
	margin-left:20px;
}

ul.metaNavi {
	float:left;
	margin-left:203px; 
	margin-top:6px;
	color:#ccc;
	font-size:1em;
}

* html ul.metaNavi { /* for IE6 */
	margin-left:110px; 
	margin-top:8px;	
}

* + html ul.metaNavi  { /* for IE 7 */
	margin-bottom:5px;
}


ul.metaNavi li {
	display:inline;
	padding-right:12px;
}

ul.metaNavi li a:link,
ul.metaNavi li a:visited,
ul.metaNavi li a:hover,
ul.metaNavi li a:active {
	color:#FFFFFF;
}

/*** language selection
************************/

.langSel {
	float:right;
	padding-right:15px;
	padding-top:5px;
}

.langSel label {
	color:#fff;
}

.langSel select {
	font-size:1em;
	border:1px solid #cfcfcf;
	height:15px;
	font-size:0.9em;
	color:#aaa;
}

* + html .langSel select { /*IE7*/
	height:20px;
}

/*** old lang select styles

ul.langSel {
	padding:0;
	float:right;
	margin-top:15px;
	color:#ccc;
	font-size:1em;
	margin-right:30px;
}

* + html ul.langSel { 
	width:30px;
	margin-right:8px;
}

* html ul.langSel { 
	margin-right:6px;
	margin-top:11px;
}

ul.langSel li {
	display:none;
	padding:0px 0 3px 0;
}

* html ul.langSel li { 
	padding:0;
}

ul.selector {
	display: none;
}

ul.selector li {
	display: block;
}

ul.langSel li a,
ul.langSel li a:link,
ul.langSel li a:visited,
ul.langSel li a:hover,
ul.langSel li a:active {
	background-image:none;
	text-indent:-9009px;
	display:block;
	padding:0 0 0 30px;
}


ul.langSel li.selected {
	display:block;
}

ul.langSel li.langEN {
	background: url(../img/language_selectors/english.gif) no-repeat 0 0;
	width:16px; 
	height:16px;
	margin-bottom:2px;
	margin-top:-2px;
}

* html ul.langSel li.langEN { 
	margin-top:0;
}

ul.langSel li.langDE {
	background: url(../img/language_selectors/german.gif) no-repeat 0 0;
	width:16px; 
	height:16px;
	margin-top:-2px;
	margin-bottom:2px;
}

* html ul.langSel li.langDE { 
	margin-top:0;
}

ul.langSel li.langFR {
	background: url(../img/language_selectors/french.gif) no-repeat 0 0;
	width:16px; 
	height:16px;
	margin-top:-2px;
	margin-bottom:2px;
}

* html ul.langSel li.langFR { 
	margin-top:0;
}

ul.langSel li.langIT {
	background: url(../img/language_selectors/italian.gif) no-repeat 0 0;
	width:16px; 
	height:16px;
	margin-top:-2px;
	margin-bottom:2px;
}

* html ul.langSel li.langIT { 
	margin-top:0;
}

ul.langSel li.selected a,
ul.langSel li.selected a:link,
ul.langSel li.selected a:visited,
ul.langSel li.selected a:hover,
ul.langSel li.selected a:active {
	background: url(../img/language_selectors/selector.gif) no-repeat 18px 6px;
	width:15px;
	height:16px;
}

**/


/* Global Searcn Box 
************************/

.globalSearchBox {
	display:inline;
	float:right;
	margin:10px 15px 3px 0px;
	padding:0px;
	width:auto;
}
.globalSearchBox input {
	display:inline;
	float:left;
	height:14px;
	margin:0px;
	width:130px;
}
.globalSearchBox span {
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:1em;
	padding-top:4px;
	width:auto;
	padding-right:3px;
}

/*** Contact Us / Feedback ***/

.popupDataContainer .contact {
	width:auto; 
	height:auto;
	background-color:#fff;
	padding:5px 10px 10px 10px;
	font-size:1.1em;	
	margin-top:4px;
}

.popupDataContainer .contact form label {
	margin-bottom:5px;
	display:block;
}

.popupDataContainer ul.details {
	margin-top:10px;
	background-color:#EFEFEF;
	border:1px solid #cfcfcf;
	padding:5px;
	font-size:1.1em;
}

.popupDataContainer ul.details li {
	padding:2px 0 2px 0;
}

.popupDataContainer h3 {
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	border-bottom:1px solid #000000;
	margin-top:10px;
	margin-bottom:5px;
} 

.popupDataContainer .contact form fieldset ul li.alignL {
	float:left;
}

.popupDataContainer .contact form fieldset input {
	margin:0 0 10px 0px;
}

.popupDataContainer .contact form .inputSm {
	width:40px;
	border:1px solid #ccc;
}

.popupDataContainer .contact form fieldset label {
	padding:0 0 0 0px;
}

.popupDataContainer .contact form fieldset textarea {
	width:250px; 
	height:100px;
	margin-left:0px;
	margin-bottom:10px;
	border:1px solid #cfcfcf;
}
	

/***DHTML POPUP CSS***/

.popupDataContainer a,
.popupDataContainer a:link,
.popupDataContainer a:visited,
.popupDataContainer a:hover{
	color: #E8810D;
}

.popupDataContainer pre {
	font-size:1.2em;
}

/***********************/


/****PNG Transparency fix for IE6 and below*****/

* html img {
    background-image: expression(
        this.onload = function(){
          if (window.$j && this.src && this.src.indexOf("png")>0) {
			$j.PNGFixFunction(this);
		  }
		}		
    );
}

#navContainer #active a{ 
color:#ffffff; 
text-decoration:none; 
background: url(../img/bg_nav_bar_hover.gif) repeat-x top left; 
width:auto; 
margin-top:2px; 
height:17px; 
display:block; 
padding:6px 15px 2px 15px; 
border-right: 1px solid #b0b0b0; 
} 

/* To fix the bulleting issue for popUp page.*/
.popupDataContainer ul {
	list-style-image:none;
	list-style-position:outside;
/*	list-style-type: disc;*/
	margin-left:0px;
	padding:0;
}

/* start: warrants related styles */
.popupDataContainer form#dhtmlForm ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
	margin-left:0px;
	padding:0;
}

.configure_buttonContainer {
	background-color:white;
	height:35px;
	margin:0 auto;
	margin-top:-25px;
	padding-left:25px;
}
/* end: warrants related styles */

/* start: style specific to jScrollPane for warrants_disclaimer */
.warrants_containerHeight{
	height:200px;
}

.warrants_buttonContainer {
	background-color:white;
	width:961px;
	margin:0 auto;
	height:35px;
	padding-top:10px;
	padding-left:10px;
}

#containerInner #distAgreement {
	width:850px;
}

.warrants_textContainer {
	background-color:white;
	font-size:1.2em;
	height:40px;
	margin:0 auto;
	padding-left:15px;
	padding-right:30px;
	padding-top:10px;
	width:926px;
}

/* end: style specific to jScrollPane for warrants_disclaimer */

/*start: Debug styles*/
#debugevents {
	display:none;
	visibility: hidden;
	color:#ffffff;
	margin-top:10px;
	padding:5px 5px 5px 15px;
}

#debug {
	display:none;
	visibility: hidden;
	overflow: auto;
	height:150px;
	color:#ffffff;
	margin-top:10px;
	padding:5px 5px 5px 15px;	
}
/*end: Debug styles*/

form.editkeywords label {
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}

form.editkeywords textarea {
	width: 400px;
	height: 300px;
	border:1px solid #cfcfcf;
	margin-bottom: 5px;
}

form.editkeywords select {
	margin-bottom: 10px;
}

#keywordMessages {
	float:left;
	padding-top: 2px;
	display: none;
}

#keywordMessages.showMessage {
	display: block;
}

#keywordMessages.showError {
	display: block;
	color: #ff0000;
}

.metaNaviBold{
	font-weight:bold;
	font-size:1.2em;
}


.txtMessage {
	color: #FF4F4F;
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-style:  normal;
	font-weight: bold;
	text-align:center;
}
.errMessage {
	color: #FF4F4F;
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-style:  normal;
}

.floatRight{
	float:right;
}
.feedbackHotLine{
	padding-bottom:10px;
	border-bottom:1px solid #EAEAEA;
}
.feedbackLink{
	margin-top:5px;
	padding-right:15px;
}
/******END*******/