﻿body
{
    font-family: Arial;
    font-size: 14px;
    background: #1f2d60;
    margin: 0;
    line-height: 135%;
}
table
{
    border-collapse: collapse;
}
table td
{
    vertical-align: top;
}

li {
    padding-bottom: 10px;
}

table.hrcoCalloutLeft
{
	border: 3px solid #eeeeee; 
	margin: 0px 20px 10px 0px;
	box-shadow: 1px 1px 7px 0px #222222; 
	-webkit-box-shadow: 1px 1px 7px 0px #222222; 
	-moz-box-shadow: 1px 1px 7px 0px #222222;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555)';
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555);
}

table.hrcoCalloutRight
{
	border: 3px solid #eeeeee; 
	margin: 0px 0px 10px 20px;
	box-shadow: 1px 1px 7px 0px #222222; 
	-webkit-box-shadow: 1px 1px 7px 0px #222222; 
	-moz-box-shadow: 1px 1px 7px 0px #222222;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555)';
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555);
}


td.hrcoCallout
{
	background-color: #f8f8f8;
	color: #000000;
	padding: 0px 16px 0px 16px;	
}

/* DYNAMIC POPUP CLASSES */

div.dynPopupTitle
{
	background: #dfdfdf; 
	padding: 10px 15px 5px 15px; 
}
div.dynPopupFrame
{
background: #f1f1f1; 
left: 10px; 
top: 30px; 
height: 300px;
width: 550px; 
z-index: 10; 
position: absolute; 
overflow: hidden;
border: 3px solid #ffffff;
-webkit-box-shadow: 1px 1px 7px 0px #222222; 
-moz-box-shadow: 1px 1px 7px 0px #222222;
box-shadow: 1px 1px 7px 0px #222222; 
-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555)';
filter: progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555);
}

/* SIDEBAR CLASSES */

.indicatorSidebar
{
    border-left: 1px dashed #ccc;
    padding: 0px 0px 0px 0px;
}
.sidebarInnerControls
{
    padding: 0px 0px 0px 4px;
}

/* CONTEXT SEARCH */

.searchContextText
{
}
.searchContextButton
{
}
/*  Use only with discretion; this breaks top-flush div alignment (sidebars especially) */
.content
{
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    padding: 25px 0 25px 0;
}
.contentFlushTop
{
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    padding: 0px 0;
}
.mainBody
{
    background: #fff;
    margin: 0 auto;
    padding: 25px 15px 25px 0px;
}

.figureSourceText {
    color: #707070;
    font-size: 12px;
    line-height: 13px;
}
p.figureSourceText 
{
    margin-top: 0px;
    margin-bottom: 7px;
}

a.figureSourceText, a.figureSourceText:link, a.figureSourceText:visited, a.figureSourceText:hover
{
    font-size: 12px;
}


/* INDICATOR POP-UP BOX CLASSES */
.popupShadowBox
{
    background:#efefef;
    border: 6px solid #ffffff;
    -webkit-box-shadow: 1px 1px 7px 0px #222222;
    -moz-box-shadow: 1px 1px 7px 0px #222222;
    box-shadow: 1px 1px 7px 0px #222222;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555)";
    filter: progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color=#555555);
}

/* DEFINITIONS */


a.listLink:link, a.listLink:visited, a.listLink:hover
{
    font-size: 14px;
    text-decoration: none;
    color: #000000;
}
a.listLink:hover
{
    color: #0047a9;
}

a:link, a:visited, a:hover
{
    font-size: 14px;
    text-decoration: none;
    color: #eb192c;
}
a:hover
{
    color: #0047a9;
}
a.resources:link, a.resources:visited, a.resources:hover
{
    font-size: 14px;
    text-decoration: none;
    color: #eb192c;
}
a.resources:hover
{
    color: #0047a9;
}
h3.linkHeading3
{
    /* inline with small bottom margin, for pseudo-ordered-lists */
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 20px 0 5px 0;
    font-weight: normal;
}
a.linkHeading3
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0px 0 15px 0;
    font-weight: normal;
}
a.linkHeading3:link
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9 ;
    line-height: 135%;
    font-weight: normal;
}
a.linkHeading3:visited
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    font-weight: normal;
}
a.linkHeading3:hover
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #eb192c;
    line-height: 135%;
    margin: 0 0 15px 0;
    font-weight: normal;
}
h2.linkHeading2
{
    /* inline with small bottom margin, for pseudo-ordered-lists */
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
a.linkHeading2
{
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
a.linkHeading2:link
{
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
a.linkHeading2:visited
{
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
a.linkHeading2:hover
{
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #eb192c;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
.dline
{
    border-top: 1px dashed #cccccc;
    height: 1px;
    clear: both;
    margin: 25px 0 25px 0;
}
.dlineright
{
    border-right: 1px dashed #ccc;
    padding: 25px 25px 25px 0;
    margin-bottom: -25px;
    clear: both;
}
.dlineR
{
    border-top: 1px dashed #cccccc;
    height: 1px;
    clear: both;
    margin: 25px -25px 25px 0;
}
.footerlinks a, .footerlinks a:hover
{
    color: #fff;
    font-size: 14px;
    font-family: Georgia, Serif;
}
.footerlinks a:hover
{
    color: #f7971c;
}
.mobileLinksWhite a
{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
}
sub, sup
{
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup
{
    top: -0.4em;
}
sub
{
    bottom: -0.25em;
}
img
{
    border: 0;
    margin: 0;
}

/*INDICATORS DEFINITIONS */

.orangelist
{
    padding-left: 15px;
    margin-left: 15px;
    list-style-image: url('http://indicatorsnew/_images/orangebullet.png');
}
.indicatorLists
{
    list-style-type: none;
    padding-left: 15px;
    margin-left: 15px;
    margin-top: 0px;
}
.sectiontitle
{
    margin: 15px 0;
    border-collapse: collapse;
}
.sectiontitleimg
{
    padding-right: 10px;
}
.sectiontitletext
{
    vertical-align: middle;
    font-family: Arial;
    font-size: 15px;
    color: #898989;
}


/* HEADINGS */

h1, h1 a:link, h1 a:visited, h1 a:hover
{
    font-size: 24px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 20px 0;
    font-weight: normal;
}
h2, h2 a:link, h2 a:visited, h2 a:hover
{
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
h3, h3 a:link, h3 a:visited, h3 a:hover
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
h4, h4 a:link, h4 a:visited, h4 a:hover
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #000000;
    line-height: 135%;
    margin: 0;
    font-weight: normal;
}
h5, h5 a:link, h5 a:visited, h5 a:hover
{
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 135%;
    color: #0047a9;
    margin: 0 0 10px 0;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover
{
    color: #eb192c;
    font-weight: normal;
}
.docheader1
{
    font-size: 24px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 20px 0;
    font-weight: normal;
}
.docheader2
{
    font-size: 20px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
.docheader3
{
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    color: #0047a9;
    line-height: 135%;
    margin: 0 0 5px 0;
    font-weight: normal;
}
docheader5
{
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 135%;
    color: #0047a9;
    margin: 0 0 10px 0;
}

.headerGraySmallConciseTitle
{
    background-color: #ffffff;
}



/*close buttons 
.closeButton
{
    -moz-box-shadow: 1px 1px 4px 0px #222222;
    -webkit-box-shadow: 1px 1px 4px 0px #222222;
    box-shadow: 1px 1px 4px 0px #222222;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color= #555555)";
    filter: progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color= #555555);
    border-radius: 12px;
    THIS IS AN ALTERNATE WAY TO DO THE DROP SHADOW. IT WORKS BETTER BUT IT WILL NOT WORK IN OLDER VERSIONS OF IE
    -webkit-filter: drop-shadow(1px 1px 4px #222222); filter: drop-shadow(1px 1px 4px #222222);
}

*/



/* MENU CONTROL */

.divmenuframe
{
    width: 100%;
    height: 34px;
    background: #1f2d60;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.48, #1F2D60), color-stop(0.9, #0046A9) );
    background-image: -o-linear-gradient(top, #1F2D60 48%, #0046A9 90%);
    background-image: -moz-linear-gradient(top, #1F2D60 48%, #0046A9 90%);
    background-image: -webkit-linear-gradient(top, #1F2D60 48%, #0046A9 90%);
    background-image: -ms-linear-gradient(top, #1F2D60 48%, #0046A9 90%);
    background-image: linear-gradient(to top, #1F2D60 48%, #0046A9 90%);
    border-top: 3px solid #f7971c;
}
.divmenu
{
    width: 1000px;
    height: 34px;
    margin: 0 auto;
    z-index: 99999999;
}
.divmenu a:link
{
    color: #ffffff;
}
.divmenu a:visited
{
    color: #ffffff;
}
.divmenu a:active
{
    border: 0;
}
.dmis
{
    padding: 10px 0 10px 0;
}

.smis
{
    padding: 10px 0 10px 0;
}

.smis a:link
{
    color: #ffffff;
}
.smis a:visited
{
    color: #ffffff;
}
.dmis a:link
{
    color: #ffffff;
}
.dmis a:visited
{
    color: #ffffff;
}



/* MAIN MENU THEME CSS */

#divMenuColumn
{
    float: left;
    width: 125px;
    margin-left: -100%;
    color: #000000;
    font-size: 15px;
}
.StaticMenuItemStyle
{
    line-height: 35px;
    padding: 0px 15px 0px 15px;
}
.StaticMenuItemStyle a
{
    color: #ffffff;
    padding: 0px 15px 0px 15px;
}
.DynamicMenuItemStyle a
{
    color: #ffffff;
    width: 100%;
    display: block;
    padding: 10px 15px 10px 15px;
}


/* HEADER AND FOOTER */

.header
{
    height: 75px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    vertical-align: middle;
    padding: 25px 0;
}

.footerframe
{
    width: 100%;
    background: #1f2d60;
    border-top: 3px solid #f7971c;
    color: #fff;
    padding: 25px 0;
}

/* SIDEBAR MENUS */

.sidemenuframe
{
    border-bottom: 1px dashed #ccc;
    margin-top: 0px;
    background: #eee;
}
.sidemenuheader
{
    color: #fff;
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    font-weight: normal;
    padding: 15px 4px 15px 4px;
}

a.sidemenuheader
{
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-family: Georgia, Garamond, Serif;
    font-weight: normal;
}
.sidemenuitems a
{
    color: #000;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 125%;
}
.sidemenuitems a:hover
{
    color: #eb192c;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 125%;
}
.sidemenusubitems a
{
    color: #0047A9;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 125%;
}
.sidemenusubitems a:hover
{
    color: #eb192c;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 125%;
}
.sidemenuitems, .sidemenusubitems
{
    border-top: 1px dashed #ccc;
    padding: 5px 5px 5px 0px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 125%;
}
.sidemenusubitems
{
    padding: 5px 5px 5px 0px;
    border: 0;
    line-height: 125%;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}
.sidemenurightarrow
{
    color: #898989;
    padding-left: 8px;
}


/*SEARCH*/

.textsearch
{
    height: 21px;
    border: 1px solid #1f2d60;
    width: 300px;
    color: #898989;
}


/* BREADCRUMB GENERATOR */

bcFixed
{
    font-weight: normal;
    text-decoration: none;
    color: #707070;
    font-size: 12px;
}
span.bcFixed
{
    font-weight: normal;
    text-decoration: none;
    color: #707070;
    font-size: 12px;
}
a.bcFixed
{
    font-weight: normal;
    text-decoration: none;
    color: #eb192c;
    font-size: 12px;
}
a.bcFixed:active
{
    font-weight: normal;
    text-decoration: none;
    color: #eb192c;
    font-size: 12px;
}
a.bcFixed:link
{
    font-weight: normal;
    text-decoration: none;
    color: #eb192c;
    font-size: 12px;
}
a.bcFixed:visited
{
    font-weight: normal;
    text-decoration: none;
    color: #eb192c;
    font-size: 12px;
}
a.bcFixed:hover
{
    font-weight: normal;
    text-decoration: none;
    color: #707070;
    font-size: 12px;
}

