@import url("ros_pfsi_overrides.css");

@import url("ros_pfsi_elements.css");



/*

    Style sheet for RoS PFSI Login Project.



    Author: Ivor Potter

*/

.pfsi_form_instructions  {

    color: #666;

    line-height: 1.5em;

    margin: 0 6px;

    padding-top: 6px;

    padding-bottom: 6px;

    background-color: #ebebeb;

    font-size: 85%;

}



p.pfsi_form_instructions  {

    color: #666;

    line-height: 1.5em;

    margin: 0 6px;

    background-color: #ebebeb;

    font-size: 85%;

}



.pfsi_h2 {

    padding-left: 6px;

    font-size: 120%;

    font-weight:bold;

}



.pfsi_sectionBlock {

    width: 100%;

    margin-top: 10px;

    margin-bottom: 12px;

}



td.pfsi_sectionBlock {

    padding-left: 6px;

}



div.pfsi_form {

    color: inherit;

    border-top: 6px solid #ebebeb;

    background-color: #ebebeb;

}



.pfsi_welcomeTitle {

    font-size: 120%;

    margin-left: 0;

}



.pfsi_applicationTitle {

    font-weight: bold;

    margin-bottom: 1px;

}



.pfsi_linksTitle {

    font-weight: bold;

    padding-left: 17px;

}



.pfsi_notices {

    min-height: 150px;

}



.pfsi_notices p {

    background-color: #ebebeb;

    padding: 6px 6px;

    margin: 0px 0px;

    height: 150px;

}



.pfsi_notices ul {

    background-color: #ebebeb;

    padding: 6px 6px;

    margin: 0px 0px;

}



.pfsi_notices li {

    background-color: #ebebeb;

    padding: 6px 0px;

    margin: 0px 0px;

    list-style-type: none;

}

.pfsi_linksSection {

    border-top: 1px solid #000000;

    padding-top: 10px;

}



.pfsi_tooltipAdjust {

    padding-right: 10px;

}



/*

 * Tool Tips

 */

div#tooltip {

    background-color: #ebebeb;

}



#tooltip a:hover {

 text-decoration: none;

 position: relative;

 cursor: help;

}



#tooltip .toolbox a:hover span {

  display: block;

  color: #333333;

  position: absolute;

  font-weight: normal;

  width:195px;

  padding: 4px 6px;

  background-color:#ffffcc;

  font-size:85%;

  border:solid 1px #666666;

  text-align: left;

  z-index: 20; /* Ensure this appears above the map icon */

}



#tooltip .toolbox span {

  display: none;

  right: -100px;

  top: 20px;

  background-color: inherit;



}



/*

 * Terms and Conditions pages

 */

div#terms {

    margin-left: 6px;

}



.pfsi_termsApplication, .pfsi_termsSection, .pfsi_definitionWord, .pfsi_definitionText, .pfsi_sectionNumber, .pfsi_termsText, .pfsi_termsText li {

    background-color: #ebebeb;

    color: #000000;

    padding: 6px 6px;

    margin: 0px 0px;

}



.pfsi_termsApplication {

    font-size: 120%;

    font-weight:bold;

    padding: 12px 0px;

}



.pfsi_termsSection {

    font-size: 120%;

    font-weight:bold;

    padding: 12px 0px;

}



.pfsi_termsAcceptance {

	border: 1px solid black;

	padding: 5px 5px 10px;

	background-color: #ebebeb;

	margin-top: 20px;

}



.pfsi_definitionWord, .pfsi_sectionNumber {

    font-weight: bold;

    font-style: italic;

    padding: 0px 6px 0px 0px;

}



.pfsi_termsText ul {

    list-style-type: lower-alpha;

}



div.pfsi_termsText {

    padding: 12px 6px 6px;

}



div.pfsi_terms_option {

    padding: 0px 6px;

    background-color: #ebebeb;

    font-weight: bold;

}



.pfsi_terms_Registers {

    font-weight: bold;

}



.pfsi_terms_Direct {

    font-style: italic;

}



.pfsi_terms_acknowledge {

    line-height: 1.5em;

    margin: 0 6px;

    padding-bottom: 6px;

    background-color: #ebebeb;

    font-size:80%;

    text-align: left;

}



/*

 * Generic Help

 */

.pfsi_genericHelp {

    padding: 6px;

}



.pfsi_genericHelp td{

    padding: 6px 20px;

}











div#pfsi {

    font-size: 100%;

}



div#pfsi img {

    padding: 0;

    margin: 0;

}



#pfsi_error {

    background-image: url("../../static/images/icons/error.gif");

    background-position: left top;

    background-repeat: no-repeat;

}



/* For the exception page */



#pfsi_error .pfsi_errorText p, #pfsi_error span {

    font-size: 100%;

    color: #F00;

    background-color: inherit;

}



#pfsi_error div {

    margin-left: 25px;

}



#pfsi_error .pfsi_actionText {

    margin-top: 1.5em;

}



#pfsi_error .pfsi_actionText p {

    font-size: 100%;

    color: #C00;

    background-color: inherit;

}



/* Don't display the icon at the top of the page */

#pfsi_error span.pfsi_validationError img {

    display: none;

}



/* Don't display the text in the table */

td.pfsi_error span.pfsi_validationError span {

    display: none;

}



.pfsi_bodyCopy {

    font-size: 100%;

    color: black;

    background-color: inherit;

    line-height: 1.5em;

}



div#pfsi_helpPage .pfsi_bodyCopy {

    font-size: 90%;

    color: black;

    background-color: #ebebeb;

    line-height: 1.5em;

}



.pfsi_help, .pfsi_help a {

    color: #900;

    background-color: inherit;

}



a.pfsi.help:hover {

    cursor: help;

}



.pfsi_currentSelection {

    font-weight: bold;

}



.pfsi_formElement .pfsi_formElementReadOnly {

    width: 250px;

}



/* Selects need a touch more width */

select.pfsi_formElement {

    width: 253px;

}



td.pfsi_help {

    text-align: right;

}





/*

    Basic validation styling

*/

span.pfsi_validationError {

    display: block;

    margin-left: 35px;

    margin-bottom: 0.5em;

}



span.pfsi_validationError img {

    padding: 1px;

    margin-right: 1em;

}



/* Table styling */

table caption {

    text-align: left;

}



/*

 * Grey out links (temporarily NOT links) in footer

 */

div.inline_menu li .tempLink {

    font-weight: normal;

    text-decoration: none;

    color: #999999;

}



label span.radio {

    position: relative;

    top: -1em;

    font-weight: normal;

}



/*

 * Wizard style tabs

 */

label.pfsi_currentWizardPage {

    font-weight: bold;

    text-decoration: underline;

}



label.pfsi_wizardPage {

    font-weight: normal;

}



/*

 * Multi-selector

 */

select.pfsi_multiSelector {

    height: 200px;

    min-width: 430px;

}



div.pfsi_formElementReadOnly {

    padding-bottom: 20px;

}



th.pfsi_fieldname {

    color: #006699;

    background-color: #ebebeb;

    padding-left: 5px;

}

