﻿.buttonS, .buttonM, .buttonL , .buttonXL, .link
{
    display: inline-block;
    position: relative;
    height: 12px;
    width: 173px;
    font-size: 11px;
    line-height: 12px;
    overflow: hidden;
    background-color: blue;
    padding: 5px 7px;
    font-weight: bold;
    background: url('../Images/button_bg1.jpg');
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    color: #ffffff;
    text-decoration: none;
}

.buttonS{
    width: 73px;
}
.buttonM{
    width: 129px;
}
.buttonL {
    width: 130px;
}

.buttonXL {
    width: 300px;
}

.buttonS:hover, .buttonM:hover, .buttonL:hover, .buttonXL:hover, .link:hover {
    background:none;
	color: #ffffff;
    background-color:#777777;
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #cfcfcf;
    border-bottom:1px solid #cfcfcf;
}

.link
{

	background:url('../../images/pdficon_small.png') no-repeat 10px center, url('../Images/button_bg1.jpg') ;
    width: 300px;
}

.link:hover
{
	background:url('../../images/pdficon_small.png') no-repeat 10px center;
	background-color:#777777;
}



.imageLink
{
    display: inline-block;
    position: relative;
    line-height: 12px;
    overflow: hidden;
    padding: 5px 5px 0px 0px;
    color: #666666;
}

.linkArrow, .linkArrow:visited {
    display: inline;
    padding-left: 8px;
    color: #000;
    background: transparent url('../Images/icon_arrow2.gif') no-repeat 0 4px;
    text-decoration: none;
}
.linkArrow:hover,.linkArrow:active{color:#1F6BD4}

.menuLink 
{
    margin-bottom: 8px;
    float: none;
    display: block;
}

.linkArrowDis {
    padding-left: 8px;
    color: #888888;
    background: transparent url('../Images/icon_arrow2.gif') no-repeat 0 4px;
    text-decoration: none;
    float: none;
    display: block;
    margin-bottom: 8px;
}

.separate-row {
    float: none;
    display: block;    
    clear: both;
    height: 5px;
}
.separate-rowL2 {
    float: none;
    display: block;    
    clear: both;
    height: 10px;
}

.separate-top {
    float: none;
    display: block;    
    clear: both;
    height: 127px;
}

body, input, select, textarea {
    font: 11px Helvetica,Arial,Sans-Serif;
    line-height: 15px;
}

h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
}

h3 {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 15px;
}

.resume {
    margin-top: 5px;
}

.login div.left 
{
    float: left;
	margin-right: 0px;	
	width: 175px;
	border-right: solid 3px #cccccc;
	height: 100%;
}

.login div.right 
{
    padding-left: 10px;
    float: left;
	width: 500px;
}

.pnlAdm div.left 
{
    float: left;
	margin-right: 0px;	
	width: 175px;
	height: 100%;
}

.pnlAdm div.right 
{
    border-left: solid 3px #cccccc;
    padding-left: 10px;
    float: left;
	width: 800px;
	text-align: left;
	min-height: 315px
}

.pnlQuotator div.left 
{
    float: left;
	margin-right: 0px;	
	width: 175px;
	height: 100%;
}

.pnlQuotator div.right 
{
    padding-left: 10px;
    float: left;
	width: 900px;
	text-align: left;
	min-height: 315px
}

.pnlSelector
{
    padding: 20px;
    width: 800px;
}

.footer
{
    padding-top: 10px;
    width: 750px;
}

.pnlGridView
{
    margin-top: 20px;
    width: 100%;
}

.buttons
{
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.pnlControls
{
    margin-top: 20px;
    width: 100%;
    text-align: left;
}

.textboxS, .textboxM, .textboxL
{
    height: 16px;
    padding-left: 3px;
    font-family: Arial;
    font-size: 11px;
    border: 1px solid;
    border-top-color: #929292;
    border-left-color: #929292;
    border-bottom-color: #afafaf;
    border-right-color: #afafaf;
    background-image: url('../Images/bg_forms.gif');
}

.textboxS
{
    width: 50px;
}
.textboxM
{
    width: 139px;
}
.textboxL
{
    width: 210px;
}

.textarea
{
    width: 350px;
    height: 70px;
    resize: none;
    padding-left: 3px;
    font-family: Arial;
    font-size: 11px;
    border: 1px solid;
    border-top-color: #929292;
    border-left-color: #929292;
    border-bottom-color: #afafaf;
    border-right-color: #afafaf;
    background-image: url('../Images/bg_forms.gif');
}

.textboxSDis, .textboxMDis, .textboxLDis
{
    height: 16px;
    padding-left: 3px;
    font-family: Arial;
    font-size: 11px;
    border: 1px solid;
    border-top-color: #929292;
    border-left-color: #929292;
    border-bottom-color: #afafaf;
    border-right-color: #afafaf;
    background-color: #f1f1f1;
}

.textboxSDis
{
    width: 50px;
}
.textboxMDis
{
}
.textboxLDis
{
    width: 210px;
}

.dropdownlistS
{
    width: 54px;
}
.dropdownlistM
{
    width: 144px;
}
.dropdownlistL
{
    width: 214px;
}

.styleSelectS select, .styleSelectM select, .styleSelectL select {
  background: transparent;
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 16px;
  -webkit-appearance: none;
  color: #000;
}

.styleSelectS select
{
    width: 54px;
}

.styleSelectM select
{
    width: 142px;
}

.styleSelectL select
{
    width: 214px;
}


.styleSelectS select:hover, .styleSelectM select:hover, .styleSelectL select:hover {
  cursor: pointer;
}

.styleSelectS, .styleSelectM, .styleSelectL{
  line-height: 16px;
  overflow: hidden;
  background: url('../Images/pulldown.gif') repeat-y right #fff;
  border: 1px solid #003399;
}

.styleSelectS 
{
    width: 54px;
}

.styleSelectM 
{
    width: 142px;
}

.styleSelectL 
{
    width: 214px;
}

.bold
{
    font-weight: bold;
    color: #444444;
}

.blue
{
    color: blue;
}


/* MARCAS (COMPAÑIAS) */

#Cias {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 500px;    
}

.itemCia label {
	display: block;
	margin-bottom: 10px;
}

.itemCia label span {
	display: block;
	float: left;
	width: 180px;
	margin-top: 3px;
}	

.itemCia label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

.itemCia2 label {
	display: inline-block;
	margin-bottom: 10px;
}

.itemCia2 label span {
	width: 60px;
	margin-top: 3px;
}

.itemCia2 label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

/* FIN MARCAS */

/* ROLES */

#Roles {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 400px;    
}

.itemRole label {
	display: block;
	margin-bottom: 10px;
}

.itemRole label span {
	display: block;
	float: left;
	width: 100px;
	margin-top: 3px;
}	

.itemRole label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

.itemRole2 label {
	display: inline-block;
	margin-bottom: 10px;
}

.itemRole2 label span {
	width: 60px;
	margin-top: 3px;
}

.itemRole2 label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

/* FIN ROLES */

/* PRODUCTS */

#Products {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 550px;    
}
.itemProduct
{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.itemProduct label.izq {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align:left;
}

.itemProduct label.der {
    float: left;
    margin-bottom: 10px;
    text-align:left;
}

.itemProduct label span {
	display: block;
	float: left;
	width: 110px;
	margin-top: 3px;
}	

.itemProduct label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

/* FIN PRODUCTS */

/* VEHICLES */

#Vehicles {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 600px;    
}
.itemVehicle
{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.itemVehicle label.izq {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align:left;
}

.itemVehicle label.der {
    float: left;
    margin-bottom: 10px;
    text-align:left;
}

.itemVehicle label span {
	display: block;
	float: left;
	width: 120px;
	margin-top: 3px;
}	

.itemVehicle label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

.itemVehicle label span.validatorDouble {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
    margin-right: 7px;
}

/* FIN VEHICLES */

/* VEHICLES Quotator */

#VehicleQ {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 845px;    
}
.itemBmw
{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px; 
}
.itemMini
{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px; 
}
.itemMoto
{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px; 
}
.imageV
{
    border: double 1px #c1c1c1;    
    margin-right: 2px;
}

.itemVehicleQ
{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.itemVehicleQ label.izq {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align:left;
}

.itemVehicleQ label.der {
    float: left;
    margin-bottom: 10px;
    text-align:left;
}

.itemVehicleQ label span {
	display: block;
	float: left;
	width: 250px;
	margin-top: 3px;
}	

.itemVehicleQ label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

/* FIN Vehicles Quotator */

/* Insurance Quotator */

#InsuranceQ {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 730px;    
}

.itemInsuranceQ
{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.itemInsuranceQ label.izq {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align:left;
}

.itemInsuranceQ label span {
	display: block;
	float: left;
	width: 180px;
	margin-top: 3px;
}	

.itemInsuranceQ label.der {
    
    margin-right: 10px;
    margin-bottom: 10px;
    text-align:left;
}

.itemInsuranceQ .RButton 
{    
     margin-left: 240px;
}

/* Insurance Quotator END */

/* Finance Quotator */

#FinanceQ {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 620px;    
}
.itemFinanceQ
{
    clear: both;
    overflow: hidden;
    margin-bottom: 0px;
}

.itemFinanceQ label.izq {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align:left;
}

.itemFinanceQ label.der {
    float: left;
    margin-bottom: 10px;
    text-align:left;
}

.itemFinanceQ label span {
	display: block;
	float: left;
	width: 250px;
	margin-top: 3px;
}	

.itemFinanceQ label span.info {
	display: inline-block;
	float: left;
	width: 150px;
	margin-top: 3px;
}	

.itemFinanceQ label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}
.controlInLeft
{
    float: left;
    margin-right: 10px;
}

/* FIN Finance Quotator */

/* DEALERS */
    
    #Dealers 
    {
        border: double 1px #c1c1c1;    
        background-color: #f9f9f9;
        display: block;
        margin: 0 auto 20px;
        padding: 20px 10px 20px 30px;
        width: 400px;    
    }

/* DEALERS END */

/* SERIES */

    #Series
    {
        border: double 1px #c1c1c1;    
        background-color: #f9f9f9;
        display: block;
        margin: 0 auto 20px;
        padding: 20px 10px 20px 30px;
        width: 310px;    
    }

/* SERIES END */

/* MODELS */

    #Models
    {
        border: double 1px #c1c1c1;    
        background-color: #f9f9f9;
        display: block;
        margin: 0 auto 20px;
        padding: 20px 10px 20px 30px;
        width: 300px;    
    }

/* MODELS END */

/* MODEL ASSIGNMENT */

    .listBox
    {
        width: 280px;
        height: 350px;
    }
    
    .middleButton
    {
        display: inline-block;
        position: relative;
        height: 12px;
        width: 15px;
        font-size: 11px;
        line-height: 12px;
        overflow: hidden;
        background-color: blue;
        padding: 5px 7px;
        font-weight: bold;
        background: url('../Images/button_bg.gif');
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #b0b0b0;
        border-bottom: 1px solid #b0b0b0;
        color: #666666;
        text-align:center;
        margin:8px;
    }

/* MODEL ASSIGNMENT END */


/* USERS */

#Users {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 0 auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 550px;    
}
.itemUser
{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.itemUser label.izq {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align:left;
}

.itemUser label.der {
    float: left;
    margin-bottom: 10px;
    text-align:left;
}

.itemUser label span {
	display: block;
	float: left;
	width: 110px;
	margin-top: 3px;
}	

.itemUser label span.validator {
    display: inline;
    float: none;
    margin-top: 1px;
    width: 10px;
    color: Red;
}

/* FIN USERS */


/* GRID */

.grid
{
    border: 0px;
    width: 100%;
}

.grid-header {			
    background-color: #f5f5f5;
	margin-top: 20px;
}

.grid-header th{			
	border: solid 1px #cccccc;
	text-align:center;
}

.grid .row {
    /* background-color: #D1D1D1;*/
    text-align:center;
}

.grid .row td {
    padding: 5px 10px;
    border: 0px;
}

.grid .alternate-row {
    background-color: #F8F8F8;
    text-align:center;
}

.grid .alternate-row td {
    padding: 5px 10px;
    border: 0px;
}

.grid .selected-row {
    background-color: #B6C4DE;
    text-align:center;
}

.grid .selected-row td{
    padding: 5px 10px;
    border: 0px;
}

.grid-pagination
{
	background-color:#f5f5f5;	
	text-align:center;
	border: solid 1px #cccccc;
	line-height: 10px;
}

.grid-pagination SPAN
{
	color:#888888;
	padding-left:10px;	
	font-weight: bold;
}

.grid-pagination a:link, .grid-pagination a:visited,  
.grid-pagination a:active {
	color:#888888;
	padding-left:10px;	
	background: none;
}

.internalGrid
{
    border: 0px;
    width: 100%;
}

.internalGrid-header {			
    background-color: #f5f5f5;
	margin-top: 20px;
}

.internalGrid-header th{			
	border: solid 1px #cccccc;
}

.internalGrid .row {
    /* background-color: #D1D1D1;*/
    text-align:left;
}

.internalGrid .row td {
    padding: 5px 10px;
    border: 0px;
}

.internalGrid .alternate-row {
    background-color: #f5f5f5;
    text-align:left;
}

.internalGrid .alternate-row td {
    padding: 5px 10px;
    border: 0px;
}

.buttonRadio 
{
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background: url('../Images/radio-button.png') transparent no-repeat;
    border: 0px;
    background-position: bottom;
    vertical-align: text-bottom;
}

.buttonRadioOn
{
    background: url('../Images/radio-button_on.png') transparent no-repeat;
}

/* FIN GRID */

.boldGray {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color:#666666;
}

/* LOGIN Quotator */

#LoginQ {
    border: double 1px #c1c1c1;    
    background-color: #f9f9f9;
    display: block;
    margin: 10px auto 20px 0px;
    padding: 20px 10px 20px 20px;
    width: 800px;    
}
.itemLogin
{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.itemLogin label.izq {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align:left;
}

.leftLogin
{
	float: left;
}

.leftTopLogin
{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
}

.itemLogin label span {
	display: block;
	width: 80px;
}	

/* FIN LOGIN Quotator */

.banner
{
    text-align: left;
}

.labelLegal, #MainContent_MainContent_lblLegal {
    text-align: justify;
}