body
{
    font-size: 75%;
    font-family: 'Open Sans', sans-serif;
}
body, div, p, span, td, th, a, input, textarea
{
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }


h1, h2, h3, h4
{
    color: #408246;
    font-family: 'Oxygen', 'Open Sans', sans-serif;
    margin-bottom: 0.5em;
    margin-top: 0.3em;
}
a
{
    color: #0066cc;
}


/* Forms ******************************************************/

/* reset */
form { 
    margin: 0; 
}

fieldset { 
    border: 0; 
    margin: 0; 
    padding: 0; 
}
legend { 
    border: 0; 
    *margin-left: -7px; 
    padding: 0; 
    white-space: normal; 
}
label { 
    cursor: pointer; 
}
button, input, select, textarea { 
    font-size: 100%; 
    margin: 0; 
    vertical-align: baseline; 
    *vertical-align: middle; 
}
button, input { 
    line-height: normal; 
}
button, input[type="button"], input[type="reset"], input[type="submit"] { 
    cursor: pointer; 
    -webkit-appearance: button; 
    *overflow: visible; 
}
button[disabled], input[disabled] { 
    cursor: default; 
}
input[type="checkbox"], input[type="radio"] { 
    box-sizing: border-box; 
    padding: 0; 
    *width: 13px; 
    *height: 13px; 
}
input[type="search"] { 
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box; 
    -webkit-box-sizing: content-box; 
    box-sizing: content-box; 
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { 
    -webkit-appearance: none; 
}
button::-moz-focus-inner, input::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
}
textarea { 
    overflow: auto; 
    vertical-align: top; 
    resize: vertical; 
    min-height: 75px;
}
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


.formRow
{
    display: block;
    float: left;
    clear: both;
}

input, textarea, select, label
{
    padding: 0.3em;
    margin-bottom: 0.5em;
}

input[type='text'], textarea, input[type='password'], input[type='checkbox'], select {
    border: 1px solid #C0C0C0;
    /* border-radius: 2px; */
    font-size: 1.2em;
    color: #383838;
}

select {
    padding: 5px 3px;
}

label.mainLabel
{
    width: 40%;
    display: block;
    float: left;
    width: 120px;
}
label.mainLabel:after
{
    content: ":";
}

.mainLabels label
{
    width: 120px;
    float: left;
    display: block;
}
label.wide
{
    width: 66%
}
.form-field
{
    padding: 10px 0px;
    border-bottom: 1px solid #C0C0C0;
}

label.clean
{
    display:inline;
    width:auto;
    float: none;
}
label.clean:after
{
    content: normal;
}

#Email, .longText, input.inputTitle { width: 250px; }
input.quantity{ width: 30px; }
.timeEntry, input.time { width: 60px; }
.textbox-medium { width: 75%; }


label.radio
{
    float: none;
    display: inline;
    width: auto;
}

textarea.smallBox
{
    width: 250px;
    height: 150px;
}

/* Standards created for main top-down forms  *********************************/
/* Labels vertically aligned                                                  */
/* Sizes for input fields                                                     */
/* Aug 2014                                                                   */
.top-down { }
.top-down label{
    float: left;
    color: #585858;
    font-size: 1.05em;
    line-height: 1.1;
    clear: both;
    padding: 0;
    font-weight: bold;
    font-family: 'Oxygen', 'Open Sans', sans-serif;
}
.top-down input, .top-down textarea, .top-down select {
    margin: 0 0 15px 0;
    float: left;
    clear: both;
}

.top-down input[type='checkbox'], .top-down input[type='radio']{
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    margin-left: 3px;
}
.top-down .checkbox-group input[type='checkbox'], .top-down .checkbox-group input[type='radio'] {
    margin-bottom: 4px;
}

.top-down .span1,
.top-down .size1 {
  width: 60px !important;
}
.top-down .span2,
.top-down .size2 {
  width: 140px !important;
}
.top-down .span3,
.top-down .size3 {
  width: 220px !important;
}
.top-down .span4,
.top-down .size4 {
  width: 300px !important;
}
.top-down .span5,
.top-down .size5 {
  width: 380px !important;
}
.top-down .span6,
.top-down .size6 {
  width: 460px !important;
}
.top-down .span7,
.top-down .size7 {
  width: 540px !important;
}
.top-down .span8,
.top-down .size8 {
  width: 620px !important;
}
.top-down .span9,
.top-down .size9 {
  width: 700px !important;
}
.top-down .span10,
.top-down .size10 {
  width: 780px !important;
}
.top-down .span11,
.top-down .size11 {
  width: 860px !important;
}
.top-down .span12,
.top-down .size12 {
  width: 940px !important;
}


/******************************************************************************/