﻿
    .required_notification {font-size: 11px;}
    
    .rpiformdiv {width: inherit;}
    
    .rpi_contact_form ul {
    width:inherit;   
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
    }
    .rpi_contact_form li{
    padding:5px 5px 5px 0;
    /*border-bottom:1px solid #eee;*/
    position:relative;
    }
    
    .rpi_contact_form h2 {
    margin:0;
    display: inline;
    }
    .required_notification {
    color:#585858;
    margin:5px 0 0 0;
    display:inline;
    float:right;
    }
    
    .rpi_label {
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px 3px 3px 0;
    width:150px;
    }
    
    .rpi_longlabel {
    margin-top: 3px;
    display:inline-block;   
    padding:3px 3px 3px 0;
    }
    
    .rpi_static {
    margin-top: 3px;
    display:inline-block;   
    padding:3px 3px 3px 0;
    }
    
    .rpi_contact_form input {
    padding:5px 8px;  
    }
            
    .rpi_contact_form textarea {
    padding:5px 8px; 
    }

    /*
.rpi_contact_form button {margin-left:156px;}
        */

.rpi_contact_form input[type="text"],input[type="date"],input[type="email"], .rpi_contact_form textarea {
    border:1px solid #aaa;
   /* box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
    border-radius:2px;
}
.rpi_contact_form input[type="text"]:focus,input[type="date"],input[type="date"]:focus, .contact_form textarea:focus {
   /* background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;*/
}
/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer;
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
}

/* Browsers that implement HTML5 Forms Natively */
input[required]:valid,textarea[required]:valid {
	border-color: #1F8A1E;
 /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);*/
}

/* Polyfill */
input[required].wf2_valid {
	border-color: #1F8A1E;
/*  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);*/
}


/* Browsers that implement HTML5 Forms Natively */
input:focus:invalid, textarea:focus:invalid {
	border-color: #F10A12;
/*  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);*/
}

/* Polyfill */
input.wf2_invalid:focus {
/*	background:url("/RPIFormValidation/shared/images/cancel.png") no-repeat right top;*/
	border-color: #e88;
/*  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);*/
}
