/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/**{margin: 0; font-family: "Open Sans",sans-serif !important; line-height: 100%; font-weight: normal;}*/
*{padding: 0 1px 0 2px;  FONT:10.5pt "Open Sans",sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body {background-color: #fff; font-size: .85em; padding: 0; color: #363636; }
/* background-color: #e0dad0; */
/* background-color: #7cacf9;  */

a:link {color: #034af3; text-decoration: underline; border: none;}
a:visited {color: #505abc; border: none;}
a:hover {color: #1d60ff; text-decoration: none; border: none;}
a:active {color: #12eb87; border: none;}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color: #49c;}
h1, h2 {font-size: 2em; padding-bottom: 10px; margin-bottom: 0; }
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
#page {width: 99%; margin-left: auto; margin-right: auto;}
#header {position: relative; margin-bottom: 0; color: #000; padding: 0;}
#main {padding: 6px 14px 2px 14px; background-color: #fff; margin-bottom: 30px; /*CSS3 properties*/ border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px;}
#footer {padding: 10px 0; text-align: center; line-height: normal; margin: 0; font-size: .9em;}

/* Floated section definitions
----------------------------------------------------------*/
.floatLeftSection {float: left; width: 45%; padding: 5px; text-align: center;}
.floatRightSection {float: right; width: 45%; padding: 5px; text-align: center;}
.resultsDetail {text-align: left; padding: 10px; background-color: #e8eef4; line-height: 150%;}

#loadingMessage {
    display:none;
    position: absolute; 
    width: 100%; 
    left: 0px; 
    top: 300px;
    text-align: center;
}

/* Rides page
----------------------------------------------------------*/
.greenBox {
    background-color: #e8eef4;
    border: 2px solid #669900;
    padding: 0 15px 10px 15px;
    color: #000000;
}

.ridesControls {
    padding: 10px 10px 5px 10px;
}

.ridesSelectList {
    background-color: #e8eef4;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-size: 1em;
    border: 1px solid #669900;
}

.ridesCheckbox {
    display: inline-block;
    padding: 0 0 0 30px; 
}

/* HTML tables, headings, and row cells
----------------------------------------------------------*/
.htmlTableList {
    border-collapse: collapse;
}

.htmlTableList caption {
    font-weight: bold;
    padding: 15px 10px;
    font-size: 18px;
}

.htmlTableList th {
    font-weight: bold;
    padding: 4px 5px;
    border: 2px solid #669900;
    background: #669900;
    color: #FFFFFF;
}

.htmlTableList td {
    padding: 2px;
    border: 2px solid #669900;
    background: #e8eef4;
    padding: 4px 5px;
}

.tableCellAlignLeft {
   text-align:left;
}

.tableSelectList {
    color: #696969;
    font-weight: bold;
    font-size: 18px;
    border: none;
}

.htmlTableList a:link {
    color: #696969;
    text-decoration: none;
}

.htmlTableList a:visited {
    color: #696969;
    text-decoration: none;
}

.htmlTableList a:hover {
    text-decoration: underline;
}

.adminTableHeader a:link {
    color:#ffffff;
}

.adminTableHeader a:visited {
    color:#ffffff;
}

/* Site Title
----------------------------------------------------------*/
#header .site-title {
    float: left;
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px;

    /*CSS3 properties*/
    text-shadow: 1px 1px 2px #111;
}

/* News page
----------------------------------------------------------*/
.newsimage {
    float:left;
    margin: 0 15px 15px 0;
    padding: 5px;
    border: 1px solid #aaa;
}

.news-header {
  cursor: pointer;
}

.news-header:hover {
  text-decoration: underline;
}

/* Login Display
----------------------------------------------------------*/
#login {
    float: right;
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: #000;
}

    #login li {
        margin: 0;
        display: inline;
        list-style: none;
        padding-left: 5px;
    }

    #login a:link, #login a:visited {
        color: #366;
        text-decoration: none;
    }

    #login a:hover
    {
        color: #699;
        text-decoration: underline;
    }



/* Tab Menu
----------------------------------------------------------*/
.tabbedMenu {
    clear: both;
    //border-bottom: 1px #366 solid;
    padding: 0 0 2px 0;
    position: relative;
    margin: 0;
    text-align: right;
}

    .tabbedMenu li {

display: inline-block;
        list-style: none;
    }

        .tabbedMenu li a {
            padding: 4px 10px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2em;
            //background-color: #e8eef4;
            //background-color: #d0e4fa;
            //border: 1px solid #a0b9e5;
            //color: #36a;
            color: #000;

            /*CSS3 properties*/
            border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
        }

        .tabbedMenu li a:hover {
            background-color: #4ac;
            //background-color: #dce9ff;
            color: #fff;
            text-decoration: none;
        }

        .tabbedMenu li a:active {
            background-color: #a6e2a6;
            text-decoration: none;
        }

        .tabbedMenu li.selected a {
            background-color: #fff;
            color: #000;
        }


li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}



/* Admin Menu
----------------------------------------------------------*/
.adminMenu li {
    display: inline;
    list-style: none;
}

  .adminMenu li a {
      padding: 10px;
      font-weight: bold;
      text-decoration: none;
      line-height: 2.8em;
      background-color: #e8eef4;
      color: #336600;
  }

  .adminMenu li a:hover {
      background-color: #fff;
      text-decoration: none;
  }

  .adminMenu li a:active {
      background-color: #a6e2a6;
      text-decoration: none;
  } 

/* forms
----------------------------------------------------------*/
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

    fieldset legend {
        font-size: 1.1em;
        font-weight: bold;
        padding: 2px 4px 8px 4px;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    fieldset label {
        display: block;
    }

    fieldset label.checkbox {
        display: inline;
    }

    fieldset input[type="text"], input[type="password"] {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 1.2em;
        color: #444;
        width: 300px;
    }

    fieldset input[type="submit"] {
        font-size: 1.2em;
        padding: 5px;
    }

  fieldset input[type="text"], input[type="password"], input[type="file"] {
      border: 1px solid #ccc;
      padding: 2px;
      font-size: 1.2em;
      color: #444;
      width: 300px;
  }
  fieldset input {line-height:1.6em;} /* custom */

  fieldset textarea {
      font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
      border: 1px solid #ccc;
      padding: 2px;
      color: #444;
      width: 300px;
  }

 /* Information and errors
----------------------------------------------------------*/
.message {
    clear: both;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 15px;

    /*CSS3 properties*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
}

.info {
    background: #bde5f8;
    color: #00529b;
}

.error {
    background: #ffe4e4;
    color: #be3e16;
}

.success {
    background: #dff2bf;
    color: #4f8a10;
}

input[type="text"].error-field, input[type="password"].error-field,
textarea.error-field {
    border: solid 1px #be3e16;
    background-color: #ffe4e4;
}

.validation-error {
    display: inline;
    color: #be3e16;
    font-weight: bold;
    font-size: 1.1em;
}

    .validation-error:before {
        content: "»";
    }