body
{
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    background-repeat: repeat-x;
    width: 100%;
    margin-left: 0px;
}

label {
    display: inline !important;
}

.header {
    border-bottom: 7px solid #BBB;
    padding-bottom: 5px;
}

#mainLogo {
    width:auto; 
    height: 50px;

}

/* Styles for basic forms
-----------------------------------------------------------*/

.logout-class {
    background: url(../Images/logout-button.png) no-repeat top left;
     width: 123px;
     height: 40px;
     margin-right: 100px;
}


#divider { cursor: hand; cursor: pointer; }

input[type="submit"]
{
    border-radius: 10px;
}

input[type="button"]
{
    border-radius: 10px;
}

input[type="radio"]
{
    width: 30px;
}

input[type="checkbox"]
{
    width: 30px;
}

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

input
{
    width: 150px !important;
}

.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

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

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/***************** clearfix *********/
.clearfix:before, .clearfix:after
{
    content: "";
    display: table;
}

.clearfix:after
{
    clear: both;
}

/**************** home ****************/

.home
{
    width: 100%;
    margin: 0 auto;
}

/*********** login page ****************/
.loginOuter
{
    margin-top: 60px;
}

.login-box
{
    margin-top: 25px;
    width: 300px;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 3px 5px 9px #777;
    border: 1px ridge;
}

.login-image
{
    text-align: center;
}
.login-box div
{
    padding-top: 10px;
    margin-left: 15px;
    font-size: 11px;
    font-weight: bold;
}

.login-sub
{
    margin: 10px;
    height: 150px;
    border: 1px ridge;
    box-shadow: 3px 5px 9px #888;
}

.login-sub table tr td
{
    font-weight: normal;
    padding-left: 10px;
    text-align: right;
}


/* Elements */
#loginButton
{
    width: 75px;
}

#contentWrapper
{
  
}

#body
{
    
}

#bodyWrapper
{
    
}

#locationWrapper 
{
    /*height: 300px;*/
    width: 100%;
    /*margin: 0 10px 10px 10px;*/
}

#notificationWrapper 
{
    padding-top: 10px;
    margin: 0 auto;
    width: 960px;
}

#filterDiv 
{
   
}

#map_canvas 
{
    width: 100%; 
    float: left;
}

#searchFilter 
{
    font-weight: bold;
}

#groupFilter 
{
    width: 205px;   
}

#findVehicleButton, #clearSearchButton
{
  width: 100px;   
}

#timePeriodContainer 
{
    margin: 5px;
}

#positionGridButtons 
{
    margin-top: 10px;   
}

#detailInfoDiv 
{
 float: left;   
 border-right: 1px solid;
 padding-right: 10px;
}

#detailBack 
{
    float: right;
}

#btnGroupSelector 
{
    width: 40px;   
}

#groupContainer 
{
    margin-top: 40px;
}

#groupButtonDiv 
{
    margin-top: 10px;   
    text-align: center;
}


/************** Notification elements *******/

.notificationGridButtons
{
    text-align: right !important;
    margin-top: 10px !important;
}

.notificationDetailDiv 
{
    margin-left: 200px !important;
    margin-top: -20px !important;
}

.notificationDetailDiv input
{
    width: 250px !important;   
}

.notificationDetailDiv select
{
    width: 257px !important;   
}

.notificationDetailDiv .longinput
{
    width: 400px !important;   
}

.notificationDetailDiv .longerinput
{
    width: 600px !important;
}

.notificationDetailDiv .message
{
    width: 600px !important;
}

.saveCancel 
{
    text-align: right !important;
}

.saveCancel input 
{
    width: 100px;   
}

.default_message_overlay {
    position: absolute;
    display: none;
    width: 120px;
    color: grey;
    margin-left: 3px;
    margin-top: 2px;
}

#notificationWrapper div
{
    margin:0 auto; !important
}

.notificationButton
{
    width: 75px;  !important
}

#detailFields tbody tr td input[type=text]
{
    margin: 3px 2px 3px 15px;
}

#detailButtons 
{
    margin-left: 15px;
}

#groupContainer div div div input[type=text]
{
    margin: 3px 2px 3px 15px;
}

.rbGroupDiv label
{
    margin-right: 120px;
}

#filterSpan 
{
    position: absolute;
    background-color: Green;
    width: 25px;   
    margin-top: 3px;
    margin-left: -40px;
    display: none;
}

#filterSpan.on 
{
    display: inline-block;   
}

#vehicleSearch {
    width: 24% !important;
}

.menuButtonSelected {
    box-shadow:inset 0 2px 0 rgba(255,255,255,0.5);
    color: white;
    font-weight: bold;
    background-image:
    linear-gradient(
      #1D1, #0A1
    );
}