﻿
/*New*/
body
{
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;  
	background-color: #ffffff;
	line-height: 22px;
	font-size: 10pt;
}

#header 
{
    height:100px;
	width:99%; 
	padding: 5px 0px 0px 0px;
    text-align: center;
    background-color: #ffffff ;
    color: Black;
}

#wrapper
{
    /*background-repeat: repeat-x;*/
    padding: 10px 0 0 0;
    min-height: 700px;
    height: auto !important;
    height: 700px;
    width: 100%;
}

.template_style
{
    width: 980px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 0 0 20px;
}

.template_style_bump_in
{
    padding: 10px;
    border:1px solid #00a4e4;
}

.logo_top {
    padding: 0px;
    margin: 0 0 0 0;
    background: #FFFFFF;
    height: 90px;
    position: relative;
    border-bottom: 9px solid #00a4e4;
    
}

.logo_pad {
    float:left;
    padding: 0 0 0 24px;
    height: 75px;
}

.gcLabel {
    
    float:right;
    font-size: 12px;
    font-family: arial;    
}

.ResetPadding {
    padding:10px;
}

.gcInput {    
    position:relative;
    float:left;
    height:21px;
    padding-left: 5px; 
}

.required {
    color: red;
}

.Box {
    padding: 15px;
    display: block;    
    background: linear-gradient(#E8E8E8, white);
    border:1px solid #00a4e4;
}

label {
    display: inline; 
    max-width: 100%;
    /*margin-bottom: 5px;*/
    font-weight: 700;
    text-align:left;    
    padding-left: 5px;    
}

td, th {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;

}

.btnGAP {
 float:left; 
 border: 2px solid #a1a1a1; 
 color: white; 
 margin-bottom: 0px; 
 border-radius: 25px; 
 background-color: #00A9E0; 
 border-color: white;
 box-shadow: 2px 2px 48px -6px rgba(0,0,0,0.75);
}

.btnGAP:hover {
    background-color: #F7BD3A;
}

input[type=submit], input[type=button]{
 float:left; 
 border: 2px solid #a1a1a1; 
 color: white; 
 margin-bottom: 0px; 
 border-radius: 25px; 
 background-color: #00A9E0; 
 border-color: white;
 box-shadow: 2px 2px 48px -6px rgba(0,0,0,0.75);
}

input[type=submit]:hover, input[type=button]:hover {
        background-color: #F7BD3A;
    }

    input[type=submit]:disabled,
    input[type=submit][disabled],
    input[type=button]:disabled,
    input[type=button][disabled] {
        background-color: #7fd6ff;
        color: white;
    }


#lblVehicle
{
    font-weight : bold;
}

/*RV Container*/
.container1 {
    padding-left: 0px;
}

/*Plans Selected*/
#tblSel {
    box-shadow: 2px 2px 48px -6px rgba(0,0,0,0.75);
}
#lblTotalFiledAmount, 
#lblTotalCost {
    font-weight: bold;
}

.totalsRow {
    background-color: #00A9E0;
    color: #FFF;
}

.table td {
    border: solid 1px black;
}

.alllabels {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type=text] {
    border-radius: 4px;
}

select {
    border-radius: 4px;
}

/*#ddDealerCodes  input[type="button"] {
    background-color: blue;
}*/

option:checked {
    background-color: #00A9E0;
    border-color: #00A9E0;
}

.select-selected {
    background-color: #FFF !important;
    border-radius: 4px;
}

    /*style the arrow inside the select element:*/
.select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.row {
    margin-right:5px !important;
}

.noMarginBottom
{
    margin-bottom : 0px !important;
}

#tblopt td
{
    padding : 0 5px 0 5px;
}