/******************************************************************************
RI Gov Top Header
******************************************************************************/
#sliver {
    padding: 2px 0;
    min-width: 750px;
    font-size: .6875em;
    text-align: right;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    margin: 0;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    background: url(../../images/background.gif) repeat-x;
}
#sliver a img {
    float: left;
    width: 60px;
    height: 20px;
    display: inline;
    vertical-align: middle;
}
#sliver form {
    display: inline;
    margin: 0;
    padding: 0;
}
#sliver a, #sliver a:link {
    display: inline;
    vertical-align: middle;
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1em;
}
#sliver a:visited {
    color: #ffffff;
    text-decoration: underline;
}
#sliver a:hover, #sliver a:focus {
    color: #ffffff;
    text-decoration: none;
}
#sliver a:active {
    color: #F6981A;
    text-decoration: none;
}
#sliver span, #sliver label {
    vertical-align: text-top;
}
/* RI.gov logo and link*/
#ri-gov {
    background: url(../../images/logo_sliver.gif) no-repeat;
    float: left;
    padding-left: 60px;
    padding-top: 20px;
}
#sliver .button {
    padding: 0 .1875em;
    margin: 0 .125em;
    border-color: #1C90C0;
    font-size: 1.0625em;
    font-weight: bolder;
    display: inline;
    vertical-align: top;
}
#sliver a img:hover {
    opacity: .8;
}
/*  skip navigation link for assisted readers */
.skiplist {
    display: inline;
    padding-right: 25px;
}
.skiplist a, .skiplist a:hover, .skiplist a:visited {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: .75em;
}
.skiplist a:active, .skiplist a:focus {
    position: static;
    width: auto;
    height: auto;
    color: #ffffff;
    font-weight: bold;
}
/* Page Header Container */
#pageHeader {
    min-width: 750px;
    background-color: #003A67;
    margin: 0;
    padding: 1px 0;
    color: #ffffff;
    height: 80px;
    zoom: 1; 
}
#pageHeader h1 {
    margin: 0;
    padding: 0;
    display: none;
}
/* State Seal*/
#ri-seal {
    background: url(../../images/ri_seal.jpg) no-repeat;
    padding: 0px 0 80px 80px;
    height: 80px;
}
#ocss-banner {
    background: url(../../images/header.gif) no-repeat;
    padding: 0px 0 80px 369px;
    height: 80px;
}

.homelink a {
    text-decoration: none;
}
/* welcome bar styles */
.welcomeBar {
    font-size: .75em;
    font-style: normal;
    text-transform: capitalize;
    text-align: right;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    padding: .3125em 1em .3125em 0;
    background: url(../../images/topNavBlue.gif) center repeat-x;
    margin: 0;
    line-height: 1.5em;
    min-width: 750px;
}
.welcomeBar a, .welcomeBar a:link {
    font-weight: bold;
    text-decoration: underline;
    vertical-align: top;
    color: #ffffff;
    padding: .2em .4em;
}
.welcomeBar a:visited {
    color: #ffffff;
}
.welcomeBar a:hover, .welcomeBar a:focus {
    text-decoration: none;
    color: #000064;
}
.welcomeBar a:active {
    color: #000064;
}
#welcomeMessage {
    display: inline;
    font-size: 1em;
    color: #ffffff;
    font-weight: bold;
    text-transform: capitalize;
    padding-left: .3125em;
    float: left;
}
.error a, .error a:link {
    text-decoration: underline;
    color: #000064;
}
.error a:visited {
    color: #000064;
}
.error a:hover {
    text-decoration: none;
    color: #F6981A;
}
.error a:active {
    color: #1C90C0;
}
/* ---       Bread Crumb        --- */
.breadCrumb {
    background: url(../../images/bluefade.gif) top left repeat-x;
    font-size: .75em;
    line-height: 1.5em;
    font-weight: normal;
    color: #000064;
    padding: .5em 0 .5em .5em;
    margin: 0 .3125em 0 .3125em;
    border-top-left-radius: 10px 7px;
    border-top-right-radius: 10px 7px;
}
.breadCrumb a {
	color: #000064;
}
.currentpage { 
    font-family:Verdana, Tahoma, Arial, sans-serif;
    font-size: .875em;
    color: #1C90C0; 
    text-decoration: none;
    font-weight: bold;
}
/* ---      Page Footer     --- */
.ocssFooter {
    bottom: 0;
    width: 100%;
    z-index: 1;
    position: relative;
    clear: both;
    color: #ffffff;
    text-align: center;
    height: 4.0625em;
    min-width: 750px;
    margin: 0;
    padding: 0;
    background: url(../../images/footer.png) left 80px;
}
.footer {
    font-style: normal;
    font-weight: bold;
    padding-top: 1em;
}
.footer a, .footer a:link {
	font-size: .75em;
    text-decoration: underline;
    color: #ffffff;
}
.footer a:visited {
    color: #ffffff;
}
.footer a:hover, .footer a:focus {
    color: #000064;
    text-decoration: none;
}
.footer a:active {
    color: #F6981A;
}
/* navigation footer text */
#copyright {
    font-size: .6875em;
}
/* ---      Contact Us Page     --- */
.contactpage a, .contactpage a:link, .contactpage a:visited {
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    color: #000064;
    text-decoration: underline;
    text-transform: none;
}
.contactpage a:hover, .contactpage a:focus {
    color: #1C90C0;
    text-decoration: none;
}
.contactpage a:active {
    color: #1C90C0;
}
/* ---        Site Map      --- */
.sitemap {
    padding: .625em 0 .625em 1.25em;
}
.sitemap p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: .875em;
    padding-left: .3125em;
}
.sitemap ul {
    margin-top: 0;
}
.sitemap a:link, .sitemap a:visited {
    font-size: .75em;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: #000064;
}
.sitemap a:hover, .sitemap a:focus {
    color: #1C90C0;
    text-decoration: none;
}
.sitemap a:active {
    color: #000064;
}
/* ---      Login Page      ---*/
#account a, .tipContent a {
    font-weight: bold;
    color: #000064;
}
#portalLogin a, #portalLogin a:link, #account a, #account a:link {
    font-family: Arial, Tahoma,Verdana, sans-serif;
    text-decoration: underline;
    color: #000064;
}
#portalLogin a:visited, #account a:visited {
    color: #000064;
}
#portalLogin a:hover, #account a:hover, #portalLogin a:focus, #account a:focus {
    color: #288EBF;
    text-decoration: none;
}
#portalLogin a:active, #account a:active {
    color: #000064;
    text-decoration: none;
}
/* ---      Account Creation       --- */
#accountStep {
    z-index: 0;
    margin: 0 auto;
    margin-top: .3125em;
    margin-bottom: .3125em;
    width: 404px;
    height: 31px;
}
.stepone {
    background: url(../../images/steps.png) 0px -4px;
}
.steptwo {
    background: url(../../images/steps.png) 0px -49px;
}
.stepthree {
    background: url(../../images/steps.png) 0px -94px;
}
.stepfour {
    background: url(../../images/steps.png) 0px -139px;
}
a.portalLink:link, a.portalLink:visited {
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: #000064;
}
a.portalLink:hover {
    color: #1C90C0;
    text-decoration: none;
}
a.portalLink:active {
    color: #000064;
}
/* ---      Toop Tip Help       --- */
.tipWrapper {
    display: inline;
    width: 22px;
    height: 22px;
}
.info {
    display: inline;
    vertical-align: bottom;
    width: 22px;
    height: 22px;
    background: url(../../images/help.png) -49px -44px;
}
#account .info, #portalLogin .info {
    position: absolute;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(../../images/help.png) -102px -47px;
}
#helpManager .info {
    width: 14px;
    height: 14px;
    background: url(../../images/help.png) -102px -47px;
    display: inline-block;
}
.help {
    width: 26px;
    height: 26px;
    background: url(../../images/help.png) -49px -13px;
}
#loginContainer .help {
    width: 19px;
    height: 19px;
    background: url(../../images/help.png) -81px -17px;
    display: inline-block;
    vertical-align: top;
}
a.helptip b {
    background-color: transparent;
    text-decoration: none;
    display: none;
    z-index: 10000;
    cursor: help;
    font-weight: normal;
    color: #000064;
    text-align: left;
}
a.helptip {
    float: right;
    text-decoration: none;
    text-transform: none;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 10000;
}
a.helptip img {
    margin: .0625em 0 0 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
}
#loginContainer a.helptip img {
    display: inline;
    margin: .1875em;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
}
a.helptip:hover b, a.helptip:focus b {
    display: block;
    position: absolute;
    float: right;
    right: 25px;
    background: #ffffc8;
    width: auto;
    z-index: 20000;
    top: 0;
    height: auto;
    padding: .3125em;
    border: 2px solid #ff0000;
    border-radius: 10px;
    text-decoration: none;
}
#capslock {
    display: none;
    position: relative;
}
.caps {
    z-index: 10000;
    background-color: transparent;
    color: #ff0000;
    text-align: left;
    display: block;
    position: absolute;
    left: 75px;
    background: #ffffc8;
    width: 90px;
    z-index: 20000;
    top: 21px;
    height: auto;
    padding: .3125em;
    border: 2px solid #1C90C0;
    border-radius: 10px;
}
/*Login page */
a.infotip b {
    background-color: transparent;
    text-decoration: none;
    display: none;
    z-index: 10000;
    cursor: help;
    font-weight: normal;
    color: #000064;
    text-align: left;
}
a.infotip {
    text-decoration: none;
    text-transform: none;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 10000;
}
a.infotip img {
    margin: 0;
    padding: 0;
    border: 0;
}
a.infotip:hover b, a.infotip:focus b {
    display: block;
    position: absolute;
    left: 5px;
    padding: .0625em .1875em;
    border: 1px solid #ff0000;
    background: #ffffc8;
    width: 40%;
    float: left;
    z-index: 10000;
}
/* Display in IE 6*/
a.infotip:hover {
    visibility: visible;
}
/* login page overridden styles*/
#account a.infotip:hover b, #account a.infotip:focus b {
    display: block;
    width: 70%;
    left: 0;
    top: 20px;
    height: auto;
    padding: .3125em;
    border: 2px solid #ff0000;
    border-radius: 10px;
    z-index: 10000;
    text-decoration: none;
}
#portalLogin a.infotip:hover b, #portalLogin a.infotip:focus b {
    border: 2px solid #ff0000;
    border-radius: 10px;
    z-index: 10000;
}
.infotip strong {
    display: block;
    z-index: 10000;
}
/* on mouse hover format the link text*/
a.tip:hover {
    position: relative;
    text-transform: none;
    z-index: 20000;
    text-decoration: none;
    border: 0;
}
a.tip {
    background-color: transparent;
    text-decoration: none;
    vertical-align: text-top;
    padding: 0;
    margin: 0;
    font-size: 112.5%;
}
/* hide the tooltip */
a.tip b {
    display: none;
    position: fixed;
    left: -1%;
    top: 40%;
    padding: .625em .3125em;
    text-align: left;
    font-weight: normal;
    color: #000064;
    border: 2px solid #ff0000;
    border-radius: 10px;
    background: #ffffc8;
    text-decoration: none;
    text-transform: none;
    z-index: 20000;
    width: 50%;
    margin: 0 25%;
}
a.tip b {
    left: 20px;
    margin: 0;
    position: absolute;
    top: -20px;
    width: 200px;
}
.tip img {
    width: 17px;
    height: 17px;
    background: url(../../images/help.png) -106px -19px;
    display: inline;
    vertical-align: top;
}
a.tip:hover b {
    display: block;
}
.tip p {
    padding-left: 5px;
    margin: 5px auto;
    font-style: italic;
}
.tip ul {
    padding-left: 10px;
    margin: 0 auto;
    white-space: pre-wrap;
}
.tip li {
    margin: 3px auto;
    padding-top: 0;
    padding-bottom: 0;
    background-position: left 4px;
}
  
/* ====================================================================
Left Navigation Menu Formatting
==================================================================== */

#leftnav p {
    color: #ffffff;
    margin: 0;
    padding: 5px;
}
/* Turn off list bullets */
ul.navmenu li {
    list-style: none;
    list-style-image: none;
    background: none;
}
/* Control how "spaced out" the tree is */
ul.navmenu, ul.navmenu ul, ul.navmenu li {
    margin: 0;
    padding: 0;
    width: 170px;
}
/* Provide space for our own "bullet" inside the LI */
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.navmenu li.liOpen {
    cursor: pointer;
    margin-right: 0;
}
/*ul.navmenu li.liClosed .bullet FireFox style; edit IE in IE style sheet */
ul.navmenu li.liClosed {
    cursor: pointer;
    margin-right: 0;
}
/* Sublists are visible or not based on class of parent LI */
ul.navmenu li.liOpen ul, ul.navmenu li.liOpen li {
    display: block;
}
ul.navmenu li.liClosed ul {
    display: none;
}
ul.navmenu li ul li {
    list-style: none;
    list-style-image: none; /*margin-left: 5px;*/;
    padding-left: 10px;
    padding-bottom: 1px;
    padding-top: 1px;    
}
ul.navmenu a.case {
    margin-top: 2px;
    font-size: .8em;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: top;
}
ul.navmenu a.case:link, ul.navmenu a.case:visited {
    margin-top: 2px;
    font-size: .8em;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: top;
    background: url(../../images/plus.gif) left no-repeat;
}
.arrow {
    padding-left: 20px;
    background: url(../../images/plus.gif) left no-repeat;
}
.arrow_down {
    padding-left: 20px;
    margin-left: 0;
    margin-right: 1px;
     line-height: 17px;
    font-size: .8em;
    font-weight: bold;
    color: #FFFFFF;
    background: url(../../images/minus.gif) left no-repeat;
}
/* Javascript replace LeftMenu class with this formats*/
a.arrow_down:link, a.arrow_down:visited {   
    text-decoration: none;
    vertical-align: top;
}
a.arrow_down:hover, a.arrow_down:focus {
    color: #FF9819;
    font-size: .8em;
}
a.arrow_down:active {
    color: #FFFFFF;
}
ul.navmenu a.case:hover, ul.navmenu a.case:focus {
    color: #FF9819;
    font-size: .8em;
}
ul.navmenu a.case:active {
    color: #FFFFFF;
}
.leftMenuLabel {
    font-size: .8em;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    background: url(../../images/arrow1.gif) left center no-repeat;
    padding-left: 20px;
    display: block;
}
ul.navmenu li.liOpen ul .leftMenuLabel {
    display: block;
    padding-left: 20px;
    margin-left: 0;
    margin-right: 1px;
    background: url(../../images/arrow1.gif) left center no-repeat;
    line-height: 17px;
    vertical-align: bottom;
}
ul.navmenu li.liOpen ul a.leftMenuLabel:hover {
    display: block;
    color: #FF9819;
    font-size: .8em;
    padding-left: 20px;
    margin-left: 0;
    margin-right: 1px;
    background: url(../../images/arrow1.gif) no-repeat left center;
    vertical-align: bottom;
}
/*For menu ink without submenu links  */
.leftMenu {
    padding-left: 20px;
    margin-left: 0;
    margin-right: 1px;
    background: url(../../images/arrow1.gif) left center no-repeat;
    line-height: 17px;
    font-size: .8em;
    font-weight: bold;
    color: #FFFFFF;
}
/* format the links*/
a.leftMenu:link, a.leftMenu:visited {   
    text-decoration: none;
    vertical-align: top;
}
a.leftMenu:hover, a.leftMenu:focus {
    color: #FF9819;
    font-size: .8em;
}
a.leftMenu:active {
    color: #FFFFFF;
}
/* format the links*/
a.leftMenuLabel:link, a.leftMenuLabel:visited {
    font-size: .8em;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: top;
}
a.leftMenuLabel:hover, a.leftMenuLabel:focus {
    color: #FF9819;
    font-size: .8em;
}
a.leftMenuLabel:active {
    color: #FFFFFF;
}
ul.navmenu li.liOpen ul a.highlight {
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
    color: #FF9819;
    display: block;
    z-index: 0;
    padding: 3px 0 4px 20px;
    margin-left: 0;
    margin-right: 0px;
    background: #ffffff url(../../images/arrow.png) 3px no-repeat;
    border: 2px solid #DB7733;
    border-top-left-radius: 10px 7px;
    border-bottom-left-radius: 10px 7px;
    border-right: 0;
    width: 138px;
    vertical-align: middle;
}
/* change the color of the link to display page the user is at */
ul.navmenu li.liOpen ul a.highlight:link, ul.navmenu li.liOpen ul a.highlight:visited {
    color: #FF9819;
}
ul.navmenu li.liOpen ul a.highlight:hover, ul.navmenu li.liOpen ul a.highlight:focus {
    color: #000064;
}
ul.navmenu li.liOpen ul a.highlight:active {
    color: #FF9819;
}
ul.navmenu li a.highlight {
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
    color: #FF9819;
    display: block;
    z-index: 0;
    padding: 3px 0 4px 20px;
    margin-left: 0;
    margin-right: 0px;
    background: #ffffff url(../../images/arrow.png) 3px no-repeat;
    border: 2px solid #DB7733;
    border-top-left-radius: 10px 7px;
    border-bottom-left-radius: 10px 7px;
    border-right: 0;
    /* width: 138px; */
    vertical-align: middle;
}
/* change the color of the link to display page the user is at */
ul.navmenu li a.highlight:link, ul.navmenu li a.highlight:visited {
    color: #FF9819;
}
ul.navmenu li a.highlight:hover, ul.navmenu li a.highlight:focus {
    color: #000064;
}
ul.navmenu li a.highlight:active {
    color: #FF9819;
}
/* Modify header for screen sizes between 300px and 480px*/
@media screen and (min-width: 300px) and (max-width: 600px ) {
#portalLogin table, #portalLogin td, #portalLogin tr {
    display: block;
}
#portalLogin .button {
    position: relative;
    right: 60px;
}

#agency {
    background: url(../../images/govinfo.gif) no-repeat;
    padding-left: 25px;
    padding-top: 6px;
    vertical-align: middle;
}
#policy {
    background: url(../../images/security.png) no-repeat;
    padding-left: 25px;
    padding-top: 6px;
    vertical-align: middle;
}
#ri-seal {
    background:none;
    
}
#sliver label, #ocss-banner, #ri-seal, #sliver a span span, .separator {
    display: none;
}
}
@media screen and (min-width: 601px ) and (max-width: 800px) {
#sliver {
    min-width: 0;
    padding: .0625em 0;
    background: #25618F;
}
#sliver span, #sliver label {
    vertical-align: text-top;
}
#sliver a img {
    float: none;
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-top: 2px;
}
.skiplist {
    display: none;
}
.homelink {
    display: none;
}
#query {
    color: #000064;
    display: inline;
    border: none;
    width: 10em;
    border-radius: 5px;
    background-color: #d6edfb;
    margin: .3125em;
    padding: 0;
    height: 1.9375em;
}
#sliver .button {
    color: transparent;
    vertical-align: bottom;
    height: 24px;
    width: 24px;
    border: none;
    margin: 0 0 0 .0625em;
    background: url( ../../images/search.png) no-repeat;
}
#ri-seal {
    background: url(../../images/ri_seal.jpg) no-repeat;
    padding: 0px 0 80px 80px;
    overflow: hidden;
}
#ocss-banner {
    background: url(../../images/header.gif) no-repeat;
    padding: 0px 0 80px 369px;
    overflow: hidden;
}
#state, #site {
    display: none;
}
span#site, span#state {
    width: 0px;
    margin: 0;
    display: none;
}
.welcomeBar {
    min-width: 0px;
}
}