/*  
    Login/ForgotPassword/ChangePassword Styles
    Only the exact styles used by these forms, copied from prima3_core.css.
*/

  h3 { margin-bottom: 10px;}
  
        #tipWindow {
                margin:5px 0 0 25px;
                padding:3px;
                font-size:10px;
                line-height: 125%;
                }

        #tipWindow strong {
                display:block;
                width:100%;
                font-weight:bold;
                text-transform:uppercase;
                color:#246493;
                }

        #tipWindow h3 {
                display:block;
                width:100%;
                font-weight:bold;
                text-transform:uppercase;
                color:#246493;
                }
        
/* tcsInputForm - used by data entry forms ------------------  */
                
        table.tcsInputForm {
            width: 600px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background-color: #FFF;
            line-height: 125%; 
            font-size: 12px;
            border: 6px solid #DDD;
            margin: 0px;
            border-collapse: separate;
            border-spacing:0;
            }

        table.tcsInputForm Table {
            font-size: 11px;
            line-height: 150%;
            color: #333;
            }

        td.tcsInputForm_LeftCol {
            text-align: right;
            vertical-align: middle;
            padding: 5px;
            }

        table.tcsInputForm td {
            padding: 5px;
            }

        table.tcsInputForm td.separator_bar {
            background-image: url('/graphics/background_login_sep_bar.png');
            background-position:center;
            background-repeat:no-repeat;
        }

/* errorExplanation - used by error messages on each page ----  */

        #errorMessages.errorExplanation ul {
            list-style-type: none;
            list-style-image: none;
            margin: 0px 0 0 0px;
            padding:0px 0px 0px 0px;
            line-height: 125%; 
            font-size: 12px;
	    }
        #errorMessages.errorExplanation li {
            padding:3px 0px 3px 0px;
	    }    
        
        #errorMessages.errorExplanation {
            background-color:#87CEFA;
            }
            
        #errorMessages.errorExplanation h2 {
            font-family: Georgia, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
            line-height: 125%;
            }

        .tcsLoginMatches {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background-color: #FFF;
            border: 1px solid #DDD;
            font-size: 11px;
            margin: 5px 0 5px 0;
            }

        .tcsLoginMatches th {
            padding: 2px;
            background-color: #DDD;
            font-weight:bold;
            color:#585858;
            }

        .tcsLoginMatches td {
            padding: 2px;
            border: 1px solid #CCC;
            }
                       
.button                 { margin:0px; padding:2px 4px; border:1px solid #BBB;}
.button:hover           { background-color:#f28200; color:#fff; }
.secondary_button       { margin:0px; padding:2px 4px; background-color:#DDD; border:1px solid #BBB; }
.secondary_button:hover { background-color:#f28200; color:#fff; }
.popinbox_blue          { border:1px solid #C0C0C0; margin:5px 0 0px 0; padding:5px; background-color:#87CEFA; }
.popinbox_blue_outer    { border:2px solid #58ACFA; margin:5px 0 0px 0; padding:5px; background-color:#E0ECF8; }
.tip_text               { font-size:0.9em; color:#585858}
input                   { background-image: none }
input.upcase            { text-transform:uppercase; }

    /* input fields with invalid entries: */
    .invalid { background-color:#FFFFCC; }