﻿
 /*
http://www.w3.org/TR/css3-ui/
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=checkbox],
input[type=radio],
textarea,
input,
input[type=text],
input[type=hidden],
input[type=password],
input[type=image]
{
 appearance: button;
 display: inline-block; 
 white-space: nowrap;
}

button,
input[type=button],
input[type=reset][value],
input[type=submit][value]
*/
 

 
 /* //////////// INPUT //////////////////////*/

 
/*------------- INPUT ----------- */
 INPUT[type="submit"], input[type=reset] 
 {
  cursor:pointer;   
 }

 INPUT[type=text],input[type=password], TEXTAREA, SELECT 
{
 /* width: 300px;*/
  font-family:'Shanti',"Lucida Sans Unicode", "Lucida Grande", sans-serif, Verdana, Arial;
  color: #545454;
  border: 1px solid #a0a1a7;
  border-radius: 2px;
} 

 
INPUT[type=text], input[type=password]
{
 
    background:transparent url(../images/interface/forms/bg-input.png)  repeat-x top left;
    height: 20px;
    padding:    4px 0px 0px 5px;
} 
/*------------- TEXTAREA ----------- */
TEXTAREA {

    background:#ffffff url(../images/interface/forms/bg-input.png)  repeat-x top left;
    padding:    4px 0px 0px 5px;
    
}

/*------------- SELECT ----------- */
  SELECT {
   overflow:visible;
    
 }
SELECT
{
 
    background:#ffffff url(../images/interface/forms/bg-input.png)  repeat-x top left;
    padding: 0px 0px 0px 0px;
   
} 




 
/* ////////////////////////// FOCUS ELEMENTS ////////////////////////*/

INPUT[type=text]:focus,input[type=password]:focus ,TEXTAREA:focus,SELECT:focus   , SELECT:active   {
      border: 1px solid #9EBAC8; 
     border: 1px solid #37ad03; 
   
     /* 9EBAC8  background-color:#fcd51e;
        background-image:none*/
}
 
 



/* /////////////////// UI FORM ELEMENTS //////////////////////////////////////////// */





/* INPUT ----------------------------------------------------------*/

 
 

INPUT[disabled="disabled"], INPUT.disabled, INPUT[disabled] {
    background-color: #CFCFCF;
    background-image: none;
}

input[type=checkbox]:disabled {
    background-color: transparent !important;
    background-image: none;
}
 
INPUT.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

INPUT.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

 
/* BUTTON ----------------------------------------------------------*/


a.editButton, input[type="submit"].editButton, input[type="button"].editButton
{
    background-color: #464646;
    border-width: 0;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    border-radius: 2px;
   
}

a.editButton:hover, 
input[type="submit"].editButton:hover, 
input[type="button"].editButton:hover, 
a.editNegativeButton:hover, 
input[type="submit"].editNegativeButton:hover, 
input[type="button"].editNegativeButton:hover
{
    background-color: #5EBD39;
    border-width: 0;
    color: white;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration:none;
}

a.editButton.disabled:hover, 
input[disabled="disabled"].editButton:hover, 
input[disabled].editButton:hover, 
input.disabled.editButton:hover, 
INPUT[disabled="disabled"].editButton:hover, 
INPUT[disabled].editButton:hover, 
INPUT.disabled.editButton:hover, 
input[disabled="disabled"].editButton, 
input[disabled].editButton, 
input.disabled.editButton, 
INPUT[disabled="disabled"].editButton, 
INPUT[disabled].editButton, 
INPUT.disabled.editButton, 
a.editNegativeButton.disabled:hover, 
input[disabled="disabled"].editNegativeButton:hover, 
input[disabled].editNegativeButton:hover, 
input.disabled.editNegativeButton:hover, 
INPUT[disabled="disabled"].editNegativeButton:hover, 
INPUT[disabled].editNegativeButton:hover, 
INPUT.disabled.editNegativeButton:hover,
input[disabled="disabled"].editNegativeButton, 
input[disabled].editNegativeButton, 
input.disabled.editNegativeButton, 
INPUT[disabled="disabled"].editNegativeButton, 
INPUT[disabled].editNegativeButton, 
INPUT.disabled.editNegativeButton
{
    background-color: #CFCFCF;
    background-image: none;
    border-width: 0;
    color: gray;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

a.editNegativeButton, input[type="submit"].editNegativeButton
{
    background-color: white;
    border-width: 0;
    color: #464646;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration:none;
}
