.inputbox		{font: 11px verdana, sans-serif;
    color: #000;
    width: 160px;
    margin: 0px;
    padding: 2px;
    padding-left:0px; 
    border: 1px solid #aaa;}

.italic			{font-style:italic;
    font-weight: normal;
    color: #816405;}

.visuallyHidden{
    height: 1px;
    width: 1px;
    line-height: 2em;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
}

.linkmenu2 .linkhead2  {
/*border: 1px solid #5b91c9;  font-weight: 700; color: #ffffff; */
    font: 80% Verdana;
    color: white;
    background: #6c276a;
    /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 0;
    /*bottom spacing between header and rest of content*/
    padding: 7px 0 7px 20px;
    /*background: #5b91c9 url(../javascripts/jquery-ui/images/ui-bg_highlight-hard_35_5b91c9_1x100.png) 50% 50% repeat-x;*/
/*31px is left indentation of header text*/}

#menu .linkmenu2 ul{
    margin-left:20px;
}

.linkmenu2 ul li a     {font: .6em Verdana;
    padding: 0px 0;
    line-height: 10px;
    padding-left: 0px;
    /*link text is indented 8px*/
    text-decoration: none;}

.linkout		{color: #003366;}

label			{font-weight: normal;}

#localNav 		{clear: both;
    margin:5px 2px 2px 2px;
    padding: 3px 0 0 0;
    font-size: 80%;
    border-top: 1px solid #ccc;
    text-align: center;
    color: #333;}

#localNav a		{color: #333;
    text-decoration: none;}

#localNav a:hover	{color:#003366;
    text-decoration: underline;}

#menu 			{
    background-color:#f7f3ec;
    border: 1px solid;
    border-color: #f7f3ec;
    border-top: none;
    left: 0px;
    padding: 8px 7px;
    top:106px;
    width: 180px;
    z-index: 9;
    visibility: visible;}

#menu ul 		{margin: 0;
    padding: 0;}

#menu li 		{margin: 0;
    padding: 0;
    list-style-type: none;
    line-height:1em;
}

.menuTitle 		{display: block;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 2px;
    padding: 3px 2px 1px 2px;
    font: 14px arial, verdana, helvetica, sans-serif;
    color:#333;}

#nav 			 {color: #D5B889;
    background: #6c276a;
    line-height: 19px;
    height: 19px;
    font-size: 75%;
    font-family: "Arial Narrow", verdana, sans-serif;
    width: 926px;
    white-space: nowrap;
    margin-right: auto;
    margin-left: auto;}

#nav ul 		 {float: right;
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;}

#nav li 		 {display: inline;
    padding: 0 5px 2px 7px;
    margin: 0;
    border-left: 1px solid #fff;}

#nav li.first 		 {border: none;
    text-indent: 10px;}

#nav a 			 {color: #D5B889;
    text-decoration: none;}

#nav li#active 		 {color:#b3cee8;
    font-weight: bold;
    font-size: 95%;}

#nav a:visited, #nav2 a:visited 
{color: #D5B889;}

#nav a:hover 		 {color: #fff;
    text-decoration: underline;}

#nav2 ul 		 {float: left;
    list-style: none;
    margin: 0;
    padding: 0 4px 0 15px;}

#nav2 li 		 {display: inline;
    padding: 0 5px 0 6px;
    margin: 0;
    border-left: 1px solid #fff;}

#nav2 a			 {color: #D5B889;
    text-decoration: none;
font-weight: bold;}

#nav2 a:hover 		 {color: #fff;
    text-decoration: underline;}

.nolink                  {color:#696969;}			  

.open a 		 {background-image: url(images/arrowup.gif);}

.open ul a:hover 	{color: #000;
    background-color: transparent;
    text-decoration: underline;}

.open ul a:active	{font-weight: normal;
    color: #993300;
    text-decoration:underline;}

.openlanguage           {/*class added to contents of 2nd demo when they are open*/
    color: #709b87;}

p, td, tr, ul, ol, li, dt, dl, dd, div, span 
{font-family: verdana, helvetica, sans-serif; }

p.spacing                {margin-bottom: -10px;}



.quicklinks              {color: #003366;}			  

#search			{white-space:nowrap;
    float: right;
    padding: 15px 0px 0px 0px;
    margin-right: 7px;
    margin-bottom: 5px;}

.urbangreymenu .ui-accordion .ui-accordion-content-active{
    overflow:hidden;
}

.sortheader, .sortheader a 
{color:#385E0F;}                         

.tablecolor 	       {border-color: #7FBA9E;			 
    border-style: solid;}



/* advanced menu */
.technology            {/*header of 2nd demo*/
    cursor: pointer;
    cursor: pointer;
    font: normal 100% Verdana;
    margin: 10px 0;}

.textgray              {color: #000;
    font-family: verdana;
    font-weight: normal;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 0px;
    background-color:  #e8e8e8;}

.textblank             {color: #000;
    font-family: verdana;
    font-size: 9pt;
    font-weight:normal;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 0px;
    background-color:  #fff;}

.up			{color:#206E47;
    font-size: 78%;
    font-weight: bolder;}

.up a			{color:#206E47;
    font-size: 78%;
    font-weight: bolder;
    text-decoration: underline;}



/*************** BEGIN UTILITIES AREA ***************/
    #utility_section {
        position: relative;
        float: right;
        padding-top:5px;
        width: 729px;
        font-size: 0.85em;
    }
    ul#utilities {
    	color:#3c4349;
    	margin:0 0 5px 0;
    	font-size:.8em;
    	list-style:none;
    	line-height:1.3em;
    	float:right;
    }

    ul#utilities li {display:block; float:left;vertical-align:bottom;}

    ul#utilities a, a.icon-report{
    	color:#3c4349;
    	text-decoration:underline; 
    }
    ul#utilities a:hover, a:hover.icon-report {
    	color:#ba4f16;
    }

    ul#utilities li#view,  .icon-view    {width:75px; background-image:url(../images/icon_view.gif); background-repeat:no-repeat; padding:0 0 0 20px;margin:0; }
    ul#utilities li#print, .icon-print   {width:45px;background-image:url(../images/icon_print.gif); background-repeat:no-repeat; padding:0 0 0 20px;margin:0;}
    ul#utilities li#report, .icon-report {width:75px;background-image:url(../images/icon_report.gif); background-repeat:no-repeat; padding:0 0 0 20px;margin:0;}
/*********** END UTILITIES AREA ***************/


/*********** BEGIN PAGEWIDE RULES ***************/
    html                     {height: 100%;}

    body                     {font-family: verdana, helvetica, arial, sans-serif;
        font-size: 95%;
        color: #333;
        margin: 0;
        padding: 0;
        min-height: 101%;
        background:#fff no-repeat 50% 240px;
    }

    #wrapper                 
    {position: relative;
        width: 926px;
        margin: 0 auto;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 926px;
        height: 100%;
        text-align: left;}

    @media print {
        .noprint { display: none; }
    }

    .editor      { white-space:pre; }

    .longline  { white-space:nowrap;}

    .custom-tooltip-styling{
        text-align:left;
        background: white;
        border:1px solid #333333
    ;}

    .custom-tooltip-nobkgrd{
        text-align:left;
        background:transparent !important;
    }


    a img                    {border: 0;}
    
    h1                       {
    font:165% "Arial Narrow", verdana, sans-serif;
    font-weight:400;
        color: #333;
        border-bottom: 1px solid #ccc;
        letter-spacing: 0.1em;
        margin-top: 10px; 
    }

.result_section_header{
    background: #5b91c9;
    color:white;
    padding-top:5px;
    padding-bottom:2px;
    padding-left:5px;
    border-bottom:1px solid #003366;
    font-size:16px;

}

    h2           {font:145% arial, verdana, sans-serif;}                          

    h3           {font:110%;
        color: #6c276a;
        font-weight: bold;
        font-style: italic;}

    h4                       {font-size:100%;
        font-weight: bold;
        color: #333;}

    h5 
    {
        font-size: 90%;
        font-style: italic;
        color: gray;
    }

    h6
    {
        font-size: 85%;
        color: gray;
    }

    /*#header        {position: absolute;
    top: 0;
    width: 926px;
    border-bottom: 1px solid #fff;
    height: 69px;
    voice-family: "\"}\"";
    voice-family: inherit;
    visibility: visible;
    z-index: 6;}*/

    .height         {height: 69px;}           

    hr                       {width: 80%;
        margin-top: 10px;}

    @media screen {
    #pageCell        {position: relative;
        float: left;
        background-color: #fff;
        border: 0px solid;
        border-top:none;
        border-bottom: none;
        border-color:#d7dfc5;
        font-size: 90%;
        line-height: 1.5em;
        padding-left: 10px;
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size:100%;
        line-height: 1.2em;
        width: 720px;}
    }
    @media print {
    #pageCell        {position: relative;
        float: left;
        top: 0;
        background-color: #fff;
        border: 0px solid;
        border-top:none;
        border-bottom: none;
        border-color:#d7dfc5;
        font-size: 90%;
        line-height: 1.5em;
        width: 729px;
        padding: 0;
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size:100%;
        line-height: 1.2em;
        width: 729px;}
    }

   #content         {clear: both;
    float: right;
    width:704px;
    padding: 15px;
    background-color: #FFF;
    font-size: 85%;
    margin: 0px;
    line-height: 1.5em;
    }

    #content h1{
        line-height:1.1em;
    }
    #content.introduction   {padding-top:0;
        margin-top: 0;}

    /* Purpose: for using li in the links.jps page but without the bullet point */
    .primaryli {
        list-style-type: none;
        margin-bottom: 2.5em;
    }

    #content ol h4 a    {color: #333;
        text-decoration:none;}

    #content ol h4 a:hover  {color: #333;
        text-decoration:none;}

    #content .linkDown a    {text-decoration: none;
        color: #333;}

    #content .linkDown a:hover
    {color: #003366;
        text-decoration: underline;} 

    dt                       
    {
        font-weight:bold;
        color: #333;
        margin-top: 12px;
    }

    a.fieldname:link    {color:black; 
        text-decoration: none;}
    a.fieldname:visited {color:black; 
        text-decoration: none;}
    a.fieldname:active  {color:black; 
        text-decoration: none;}
    a.fieldname:hover   {color:blue; 
        text-decoration: underline;}

    .firstletter        {font: 34px bolder arial, verdana, sans-serif;
        color:#6c276a;
        margin-bottom: -3px;
        margin-right: -3px;}



    form            {margin:0;
        padding:0;}

    a[href="#top"]{
        font-size: 8pt;
        text-decoration: none;
    }
    a[href="#top"]:after{
        content: ' \2934';
        font-size: 13pt;
        font-weight: bold;
        position: absolute;
        margin-left: 2px;
    }

    .found{ /* span for highlighting terms found */
        font-weight: bold;
        background-color: bisque;
    }
/*********** END PAGEWIDE RULES ***************/



/*********** BEGIN FOOTER RULES ***************/
    .clearing       {background: transparent;
        height: 0px;
        margin-top: 20px;
        padding: 0;
        clear: both;
        border: none;
        float: none;}

    #date           {font-size: 75%;
        margin: 0px 2px;
        padding:0;
        color: #333;
        display: block;
        font-family: verdana,sans-serif;
        text-align: center;}

    #footer         {clear: both;
        margin: 0 2px 5px 2px;
        padding:2px;
        color: #333;
        font-size: 0.7em;
        display: block;
        font-family: verdana,sans-serif;
        text-align: center;
        border-top: 2px solid #555555;
        background-color:transparent;
        line-height:1.2em;}

    #footer a       {text-decoration: underline;
        /*color:#003366;*/}

    #footer a:hover     {/*color:#000;*/
        text-decoration: underline;}     
/*********** END FOOTER RULES ***************/

/*********** BEGIN LEFTHAND MENU RULES ***************/
    .leftNavSub b, label, .label{
       font-weight: bold;
       text-align: center;
    }

    .bluehover ul li a:hover {/*hover state CSS*/
        color: #3588be;
        text-decoration: underline;}

    .urbangreymenu          {width: 175px;
    /*width of menu*/}

    .urbangreymenu .headerbar
    {
        cursor: pointer;
        font: bold 80% Verdana;
        color: white;
        background: #5b91c9;
        border:1px solid #6c276a;
        /*last 2 values are the x and y coordinates of bullet image*/
        margin-bottom: 0;
        /*bottom spacing between header and rest of content*/
        padding: 7px 0 7px 10px;
    /*31px is left indentation of header text*/}     

    .urbangreymenu .headerbar a
    {text-decoration: none;
        color: #fff;
        display: block;}

    .urbangreymenu ul       {list-style-type: none;
        margin: 0;
        padding: 0;
        font: normal 80% Verdana;
        margin-bottom: 0;
    /*bottom spacing between each UL and rest of content*/}

    .urbangreymenu ul li    {padding-bottom: 2px;
    /*bottom spacing between menu items*/}

    .urbangreymenu ul li a  {font: normal 80% Verdana;
        color: #248856;
        background: #e0edde;
        display: block;
        padding: 5px 0;
        line-height: 17px;
        padding-left: 8px;
        /*link text is indented 8px*/
        text-decoration: none;}

    .urbangreymenu ul li a:visited
    {color: black;}

    .urbangreymenu ul li a:hover
    { /*hover state CSS*/
        color: #248856;
        text-decoration: underline;}


    #sidecol        {float:left;
        position: relative;
        width:196px;
        margin-left: 0;
        padding-bottom: 0px;
        background-color:transparent;
        z-index: 9;
        left: 0;
        top: 0;
        visibility: visible;}

    .button         {
        background-color: #D3CDCD;
        font: 11px verdana, sans-serif;
        color: #000;
        margin: 0;
        padding: 2px;}

    input.buttonSearch      {
        background:#6c276a;
        border:1px solid #6c276a;
        font: bold 9pt Verdana,Arial,sans-serif;
        color:#fff;
        padding:.3em;
        margin:.3em;
        height:2.2em;
        width:9em;
        font-size:.8em;
        float:left;

    }


/*********** END LEFTHAND MENU RULES ***************/

/*********** BEGIN UNCLASSIFIED RULES ***************/
    .closed a, .open a       {background-repeat: no-repeat;
        background-position: 3px 50%;
        background-color: #fff;
        border: 1px solid;
        border-color:#a7b0a9;
        color: #333;
        display: block;
        font-size: 0.85em;
        padding: 3px 0 3px 16px;
        text-decoration: none;}

    .closed a:hover, .open a:hover 
    {background-color:#f1f5ea;
        border: 1px solid #848A83;
        color: #000;
        text-decoration: none;}

    .closed ul a, .open ul a, .open ul a:hover 
    {background-color: transparent;
        background-image: url(images/arrowru.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        border: 0;
        color:#333;
        font-size: .75em;
        font-weight:normal;
        padding: 3px 0 2px 12px;
        margin: 0 8px 0 12px;}

    .closedlanguage         {/*class added to contents of 2nd demo when they are closed*/
        color: #709b87;}





    .detail_title td        {border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #000;
        background-color: #9ACD32;
    }

    SMALL           {font-family: verdana, helvetica, sans-serif;
        font-size: 8pt}

    .smallwhite             {color: #ffffff;
        font-family: verdana, helvetica, sans-serif;
        font-size: 7pt;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 4px}

    .smallblank             {
        color: #385e0f;
        font-family: verdana;
        font-size: 9pt;
        font-weight: bold;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 0px;
        background-color:  #fff;
        width:30%}
        
    .smallblank a:link  {color: #003366; 
        text-decoration: none;}
    .smallblank a:visited   {color: blue; 
        text-decoration: none;}
    .smallblank a:active    {color: #385e0f; 
        text-decoration: none;}
    .smallblank a:hover     {color:blue; 
        text-decoration: underline;}
        

    .smallgray              {color: #385e0f;
        font-family: verdana;
        font-size: 9pt;
        font-weight: bold;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        background-color:  #e8e8e8;}

    .smallgray a:link   {color: #385e0f; 
        text-decoration: none;}
    .smallgray a:visited    {color: blue; 
        text-decoration: none;}
    .smallgray a:active     {color: #385e0f; 
        text-decoration: none;}
    .smallgray a:hover  {color:blue; 
        text-decoration: underline;}

    .smallNIH               {color: #e8e8e8;
        font-family: verdana;
        font-size: 9pt;
        font-weight: bold;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 0px;
        background-color:  #385e0f;}

    .smallbgray             {color: #000;
        font-family: verdana;
        font-size: 9pt;
        font-weight: bold;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 0px;
        background-color:  #e8e8e8;}

    .smallblack             {color: #385e0f;
        font-family: verdana;
        font-size: 9pt;
        font-weight: bold;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 0px;
        background-color:  #d1d1d1;}

    .smalltitle             {color: #385e0f;
        font-family: tahoma;
        font-size: 12pt;
        font-weight: bold;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 5px;
        background-color:  #9acd32;}

    .greentitle             {color: #385e0f;
    font-family: tahoma;
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background-color:  #9acd32}    

    /* links menu */
    .linkmenu               {width: 175px;
    /*width of menu*/}

    .linkmenu .linkhead     {cursor:pointer;
        cursor: pointer;
        font: bold 85% Verdana;
        color: white;
        background: #7fba9e url(images/links.gif);
        /*last 2 values are the x and y coordinates of bullet image*/
        margin-bottom: 0;
        /*bottom spacing between header and rest of content*/
        padding: 7px 0 7px 28px;
    /*31px is left indentation of header text*/}

    .linkmenu .linkhead a   {text-decoration: none;
        color: #fff;
        display: block;}

    .linkmenu ul            {list-style-type: none;
        margin: 0;
        padding: 0;
        font: normal 80% Verdana;
        margin-bottom: 0;
    /*bottom spacing between each UL and rest of content*/}

    .linkmenu ul li         {padding-bottom: 2px;
    /*bottom spacing between menu items*/}

    .linkmenu ul li a       {font: normal 80% Verdana;
        color: #248856;
        background: #E0EDDE;
        display: block;
        padding: 5px 0;
        line-height: 17px;
        padding-left: 8px;
        /*link text is indented 8px*/
        text-decoration: none;}

    .linkmenu ul li a:visited
    {color: black;}

    .linkmenu ul li a:hover {/*hover state CSS*/
        color: #248856;
        text-decoration: underline;}    
/*********** END UNCLASSIFIED RULES ***************/

/** use of dl/dt/dd for footnotes and legend for 508 Compliance **/
dl.footnote, dl.legend
{
	margin: 2em 0;
	padding: 0;
    font-size: 0.85em;
}

.footnote dt, .legend dt
{
	position: relative;
	left: 0;
	top: 1.5em;
	width: 5em;
	font-weight: bold;
}

.footnote dd, .legend dd
{
	padding: 0 0 .5em .5em;
}
.footnote dd
{
	border-left: 1px solid #000;
    margin: 0 0 0 2.5em;
}
.legend dd
{
    margin: 0 0 0 3.5em;
}

.pagenavcenter /* 2013-1204 - used to display when no records are found, once moved to KendoUI this can be deleted */
{
    text-align: center;
    margin-top: 2em;
}

/* Tabs on prdInfo, prdDSF, prdDSF_calculate, prdStatements, prdContact*/ 
#tab_holder{
    height: 25px;
}
#prdInfoTab, #prdDSFTab, #prdStatementsTab, #prdContactTab{
    background: url('../images/tabSprite.jpg');
    display: block;
    height: 25px;
    float: left;
}
#prdInfoTab{
    width: 140px;
    background-position: 0px 0px;
}
#prdDSFTab{
    width: 175px;
    background-position: 439px 0px;
}
#prdStatementsTab{
    width: 126px;
    background-position: 264px 0px;
}
#prdContactTab{
    width: 138px;
    background-position: 138px 0px;
}
#prdInfoTab:hover, #prdInfoTab:focus{
    background-position: 0px 50px;
}
#prdDSFTab:hover, #prdDSFTab:focus{
   background-position: 439px 50px;
}
#prdStatementsTab:hover, #prdStatementsTab:focus{ 
    background-position: 264px 50px;
}
#prdContactTab:hover, #prdContactTab:focus{
   background-position: 138px 50px;
}
#prdInfoTab.active{
    background-position: 0px 25px;
}
#prdDSFTab.active{
    background-position: 439px 25px;
}
#prdStatementsTab.active{
    background-position: 264px 25px;
}
#prdContactTab.active{
    background-position: 138px 25px;
}
#btnAdd_ing, #btnAdd_statement{
    margin-right: 8px;
}

/* Release History Styles */
#dataTree{
    white-space: normal; 
}
#dataTree li.k-item{
    list-style-type: disc;
    display: list-item;
    margin-left: 20px;
    padding-left: 0px;
    font-size: 85%;
}
#dataTree li.level1, #dataTree li.level2{
    font-weight: bold;
    display: block;
}
#dataTree li.level1{
    font-size: 12pt;
}
#dataTree li.level1:not(:first-child){
    margin-top: 1.2em;
}
#dataTree li.level2 + li{
    display: block;
}
#dataTree li{
    font-weight: normal;
}
.popWindow{
    text-align: center;
}
.popImage{
    max-width: 100%;
    border-style: ridge;
    margin-bottom: 2em;
}