/* GENERAL */

body
{
    width:100%;
    margin: 0;
    padding: 0;
    background-color: #f7fdef;
}

fieldset
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}



fieldset.form > div
{
    margin: 20px 10px;
}
fieldset.form label
{
    width: 35%;
    font-weight: bold;
    text-align: right;
    display: block;
    float: left;
    margin: 0 0.5em 0 0;
}
fieldset.form label.inline
{
    display: inline;
    float: none;
    font-weight: normal;
}
fieldset.form input[type="text"], fieldset.form input[type="password"]
{
    width: 200px;
}
fieldset.form textarea
{
    width: 400px;
}
fieldset.form label.error
{
    width: 100%;
    margin-left: 35%;
    margin-bottom: 10px;
    padding-left: 5px;
    font-weight: normal;
    color: #f00;
    text-align: left;
    clear: both;
}
fieldset.form input[type="text"].error, fieldset.form input[type="password"].error, fieldset.form textarea.error
{
    border-color: #f00;
}
fieldset.form input[type="checkbox"]
{
    margin: 0 5px 0 0;
}
fieldset.form .checkBoxList
{
    list-style: none;
    margin: 0 0 0 35%;
    padding: 0 5px;
}
fieldset.form .checkBoxList li
{
}
fieldset.form .checkBoxList label
{
    width: auto;
    font-weight: normal;
    display: inline;
    float: none;
    margin: auto;
}
fieldset.form .formColumn
{
    margin-left: 35%;
    padding-left: 10px;
}
fieldset.form .formColumn .txtFormFieldHint, fieldset.form .formColumn .checkBoxList
{
    margin-left: 0;
}
fieldset.form .formColumn .checkBoxList
{
    padding: 0;
}
fieldset.form .buttons input
{
    margin: 5px;
}
fieldset.form
{
    margin-left: 35%;
    padding: 8px;
}
fieldset.shaded
{
    background: #F9F9F9 url(https://global.greenride.com/assets/backgrounds/grey_gradient.jpg) repeat-x;
    padding-top: 20px;
}
fieldset.narrow
{
    margin: 0 auto;
    width: 80%;
}
.buttons
{
    text-align: center;
    margin: 25px 10px 10px 10px;
}


h1
{
    font-size: 19px;
}



#signin, #wrapper
{
    width: 100%;
    margin: 0 auto;
}


#signin
{
    padding: 5px 0;
    text-align: right;
    color: #fff;
    position: relative;
    z-index: 2;
}

#signin a, #impersonation a
{
    color: #fff;
}
#signin a:hover, #impersonation a:hover
{
    color: #CFFE32;
}
#signin a.lnkDisabled, #signin a.lnkDisabled:hover
{
    visibility: hidden;
}

#impersonation
{
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    background-color: red;
}


#body, #page
{
    width: 100%;
    min-height: 514px;
    height: auto !important;
    height: 100%;
}

#body
{
    width: 100%;
}
#page
{    
    width: 100%;
}
#wrapper
{
   padding: 0px;
}
#header
{
    height: 20px;
    position: relative;
}
#header #logo
{
    position: absolute;
    top: 0px;
    left: 0px;
}
#header #navigation
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    white-space: nowrap;
}
#header #navigation ul
{
    margin: 5px 15px;
    padding: 0;
}
#header #navigation li
{
    display: inline;
    padding-left: 10px;
    list-style-type: none;
}
#header #navigation a
{
    font-family: "Arial Narrow" , Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:black;
    text-decoration: none;    
    text-transform: uppercase;
    letter-spacing: .1em;
}
#header #navigation a:hover
{
    color: #CFFE32;
}
#header #navigation a span, #header #navigation a strong
{
    font-size: 110%;
}
#header #navigation li#customPagesLink a
{
    font-size: 15px;
}
#header #navigation #customPagesList
{
    position: absolute;
    right: 0;
    margin: -2px 10px;
    padding-top: 5px;
}
#header #navigation li#customPagesLink #customPagesList
{
    display: none;
}
#header #navigation li#customPagesLink:hover #customPagesList
{
    display: block;
}

#main
{
    /*min-width: 320px;
    width: auto !important;
    width: 100%;
    min-height: 400px;
    height: auto !important;
    height: 100%;
    padding: 15px;
    border: 2px solid #71A537;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    background-color:#F7FDEF;
}

ul.lnkList
{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.lnkList li
{
    display: inline;
    width: auto;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
}
ul.lnkList li.first
{
    border-left: none;
}

div.updateProgress
{
    margin: 10px;
    text-align: center;
}
div.updateProgress span
{
    display: block;
    margin-bottom: 10px;
    font-size: 150%;
    font-style: italic;
    color: #ccc;
}

div.centeredButtons
{
    text-align: center;
}



.tblHdrCol th, .tblHdrCol td
{
    background: #C0C0C0 url(../Images/backgrounds/table_header.jpg) repeat-x center;
    font-size: 12px;
}
.tblData, .tblDataAlt
{
    font-size: 11px;
}
.tblHdrBar
{
    background: #F5F5F5 none repeat scroll 0%;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}

a.btnToolbarSmall, a.btnToolbarSmall span
{
    color: #000;
}
a.btnToolbarSmall:hover, a.btnToolbarSmall:hover span
{
    color: #666;
}
a.btnToolbarSmall
{
    padding-right: 10px;
}
a.btnToolbarSmall span
{
    padding-left: 28px;
}
a.btnToolbarSmallSave, a.btnToolbarSmallSave span
{
    background-image: url(../Images/buttons/small-save.gif);
}
a.btnToolbarSmallView, a.btnToolbarSmallView span
{
    background-image: url(../Images/buttons/small-view.gif);
}
a.btnToolbarSmallDelete, a.btnToolbarSmallDelete span
{
    background-image: url(../Images/buttons/small-delete.gif);
}

a.btnToolbarMedium, a.btnToolbarMedium span, a.btnToolbarMedium:hover, a.btnToolbarMedium:hover span
{
    line-height: 40px;
    height: 40px;
    color: #000;
}
a.btnToolbarMedium:hover, a.btnToolbarMedium:hover span
{
    color: #666;
}
a.btnToolbarMedium
{
    padding-right: 10px;
}
a.btnToolbarMedium span
{
    padding-left: 38px;
}
a.btnToolbarMediumSaveOk, a.btnToolbarMediumSaveOk span
{
    background-image: url(../Images/buttons/medium-save-ok.gif);
}

a.btnTemp
{
    display: block;
    margin: 10px;
    padding: 10px;
    border: 2px solid #71A537;
    background-color: #fff;
    color: #012700;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
a.btnTemp:hover
{
    background: #f9f9f9;
}

ul.adminNavigation 
{
    margin: 0;
    padding: 0;
}
/*
ul.adminNavigation > li 
{
    margin: 0 0 25px 0;
}
*/
ul.adminNavigation li 
{
    list-style: none;
    background-color: #DAF2B8;
}
ul.adminNavigation h2 
{
    vertical-align: top;
}
ul.adminNavigation h2 img 
{
    margin-right: 10px;
    float: left;
}
ul.adminNavigation a 
{
    display: block;
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid #999;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

h2
{
    font-size:130%;
    background-color:#5FA633;
    padding:10px;
    text-align:center;
    margin:0 0 1px 0;
    color:White;
}
div#footer
{
    padding:10px;
    text-align:center;
    background-color:#5FA633;
    margin:2px 0 0 0;
}

div#footer a
{
    color: White;
    font-weight:bold;
}

div#footer a:hover
{
    color: #BCF471;
}

form div
{
    padding:10px;
}

form div div
{
    width:30%;
    float:left;
    font-weight:bold;
    text-align:right;
}
div.subHeader
{
    background-color: #6B7267;
    padding:8px;
    color:White;
    margin-bottom:3px;
}
div.calendarItem,
div.item a
{
    background-color: #DAF2B8;
    display: block;
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid #999;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/*CommuteCalendar Styles*/

div.subHeader a
{
    color: #BCF471;
}
div.subHeader a:hover
{
    color: #F7FDEF;
}
ul.commuteList
{
    list-style:none;
    margin:0 0 0 20px;
    padding:0 0 0 0px;
}
ul.commuteList li
{
    margin:0 0 10px 0;
}

.divLeft
{
    float:left;
    width:12%;
    text-align:right;
    font-weight:normal;
    padding: 10px 0px 5px 5px;
}
        
.divRight
{
   float:left;
   text-align:left;
   padding: 5px 0px 5px 5px;
   
}

.txtred
{
    color:Red;
    font-size:small;
}

.field-validation-error{color: #ff0000;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{color: #ff0000;}