﻿.twoItemsContainerLeft,
.twoItemsContainerRight,
.twoItemsContainerLeftA,
.twoItemsContainerRightA
{
	width: 141px;
	height: 22px;
	float: left;	
	text-align: center;
	padding-top: 7px;
	cursor: pointer;
	}

.twoItemsContainerLeft
{
	background-image:url('../../Images/Calculator/TwoItemsContainerLeft.png');
	}
	
.twoItemsContainerRight
{
	background-image:url('../../Images/Calculator/TwoItemsContainerRight.png');
	}
	
.twoItemsContainerLeftA
{
	color: #ffffff;
	background-image:url('../../Images/Calculator/TwoItemsContainerLeftA.png');
	}
	
.twoItemsContainerRightA
{
	color: #ffffff;
	background-image:url('../../Images/Calculator/TwoItemsContainerRightA.png');
	}

.itemsContainer
{
    text-align: left;    
}

.itemsContainer>div
{
    float:left;
    padding: 4px;
    margin-right:8px;
    cursor: pointer;
	text-align: left;
}

.itemsContainer>div:last-child
{
    margin-right:0px!important;
}

.itemsContainer span
{
	margin-top: 2px;
	float: left;
}

.itemsContainer .activeItem .left
{
    background-image:url('../../Images/Calculator/ActiveTabLeftSide.png');
    height:27px;
    width:5px;
    float:left;
}

.itemsContainer .activeItem .right
{
    background-image:url('../../Images/Calculator/ActiveTabRightSide.png');
    height:27px;
    width:5px;
    float:left;
}

.itemsContainer .centered
{
	height: 22px;
	text-align: center;
    float:left;    
    padding: 5px 2px 0 2px;    
    min-width: 15px;
	}

.itemsContainer .activeItem .centered
{
    background: #002e51;
    color: #ffffff;    
    text-align: center;
    min-width: 15px;
}

.LeftOrangeText
{
    width: 190px;
	color: #f16b13;	
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Tahoma; 
	font-weight: bold;
}

.KBMResult
{
    color: #f16b13;		
    font-size: 22px;	
	font-family: Tahoma; 
	font-weight: bold;
    }

.CalcTable tr td
{
	vertical-align: middle;
}

/*************************DropDownBox*************************************/

.dropDownBox .selectedValueArea
{   
    height:24px;
    background-image: url('../../Images/Calculator/DropDownBoxBackground.png');
    float:left;    
    padding: 3px 8px 0 3px;	
	cursor: pointer;
}

.dropDownBox table
{
    z-index: 1000;
    }

.dropDownBox .leftSide
{
	width:3px;
    height:27px;
    background: url('../../Images/Calculator/DropDownBoxLeftSide.png') no-repeat;    
    float:left;
}

.dropDownBox .button
{
    width:29px;
    height:27px;
    background-image: url('../../Images/Calculator/DropDownBoxButton.png');
    background-repeat: no-repeat;
    float:left;
    cursor: pointer;
}

.dropDownBox .grayedButton
{
    width:29px;
    height: 27px;
    background-image: url('../../Images/Calculator/DropDownBoxGrayedButton.png');
    background-repeat: no-repeat;
    float:left;
}

.dropRightUpperCorner
{
	background-image: url('../../Images/Calculator/DropRightUpperCorner.png');
    background-repeat: no-repeat;
	width:11px;
	height:11px;
}

.dropLeftUpperCorner
{
	background-image: url('../../Images/Calculator/DropLeftUpperCorner.png');
    background-repeat: no-repeat;
	width:9px;
	height:11px;
}

.dropLeftDownCorner
{
	background-image: url('../../Images/Calculator/DropLeftDownCorner.png');
    background-repeat: no-repeat;
	width:9px;
	height:11px;
}

.dropRightDownCorner
{
	background-image: url('../../Images/Calculator/DropRightDownCorner.png');
    background-repeat: no-repeat;
	width:11px;
	height:11px;
}

.Calc .KbmValue,
.DriverKbmValue
{
    color: #f16b13;
    font-size: 20px;
    font-weight: bold;
    }

.Calc .dropDownList
{
	width: 300px;
	background: none;
}

.Calc .dropDownList tr 
{
	padding:0px;
	margin: 0px;
}

.Calc .dropDownList tr td
{
	padding:0px;
	margin: 0px;
	color: black;
	padding-left: 20px;
}

.Calc .dropDownList tr td
{
	cursor:pointer;
}

.Calc .dropDownList tr:hover
{
	
	background-image: url('../../Images/Calculator/dropDownItemHover.png');
	background-repeat:repeat-x;
}

.dropItemsList
{
    height: 200px;
    overflow-y: auto;    
    overflow-x: hidden;    
    }

.dropTop
{
	background-image: url('../../Images/Calculator/DropTop.png');
	background-repeat: repeat-x;
	padding-bottom: 1px;
	width:1px;
	height:10px;
}

.dropBottom
{
	background-image: url('../../Images/Calculator/DropBottom.png');
	background-repeat: repeat-x;
	padding-top: 1px;
	width:1px;
	height:10px;
}

.dropLeft
{
	background-image: url('../../Images/Calculator/DropLeft.png');
	background-repeat: repeat-y;
	padding-right: 1px;
	width:9px;
	height:1px;
}

.dropRight
{
	background-image: url('../../Images/Calculator/DropRight.png');
	background-repeat: repeat-y;
	padding-left: 1px;
	width:10px;
	height:1px;
}

.selectedItemForList
{
	color:gray;
	margin-right:3px;
	padding-left: 20px;
	height: 27px;
}

/*************************Dialog********************************/
  
.jqmWindow {
    display: none;    
    position: fixed;
    top: 10%;
    left: 50%;      
    color: #333;   
    padding: 12px;
	z-index: 300;
	border-collapse: collapse;	
}

.dialogTable .top
{
	background-image: url('../../Images/Calculator/DialogWindowTop.png');
	background-repeat: no-repeat;
	width: 600px;
	height: 9px;
	
	min-height: 0px !important;
    padding: 0px !important;
}

.dialogTable .footer
{
	background-image: url('../../Images/Calculator/DialogWindowFooter.png');
	background-repeat: no-repeat;
	width: 600px;
	height: 9px;
}

.jqmOverlay { background-color: #000;z-index: 10;}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.DialogWindowSaveCalculation
{
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.DialogWindowInfoText
{
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.DialogWindowUnderTextBoxText
{
	font-weight: bold;
	color: black;
}

.DialogWindowInputs input
{
	background-image:url('../../Images/Calculator/DialogWindowTextBoxBg.png');
	background-repeat:repeat-x;
	border:none;
	width: 204px;
	height: 27px;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
}

.blackLinkText
{
	color: black;
	cursor: pointer;
	font-weight: bold;
}

.saveCalcPriceText
{
	color: black;
	font-weight: bold;
}

.tableCalc
{
	width: 165px;
}

.tableCalc tr td
{
	border-top: 1px !important;
    border-bottom: 1px !important;
	border-style: solid !important;
    border-color: rgb(241, 241, 241) !important;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
}

.PolicyHeader
{
	width: 964px;
	height: 111px;
	font-size: 13px;
	background: url('../../Images/PolicyHeader.png') no-repeat bottom left;	
	}
	
.CalcHeaderFull
{
    background: url('../../Images/Calculator/CalcHeaderFull.png') no-repeat bottom left;	
    }
	
.PolicyHeader .Head
{
	background: none;
	color: #f16b13;
	height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Tahoma; 
	font-weight: normal;		
	}
	
.PolicyHeader .td1
{
	width: 56px;
	height: 80px;
	background: url('../../Images/Calculator/CalcImgOne.png') no-repeat right 18px;
	}
	
.PolicyHeader .td2,
.PolicyHeader .td5
{
	width: 225px;
	color: #7c8894;
	font-family: Tahoma; font-weight: normal;
	border-right: solid 1px #e0e2e7;
	padding: 0 20px 22px 20px;
	vertical-align: middle;
	}	
	
.PolicyHeader .td5
{
	border: none;
	}
	
.PolicyHeader .td3
{
	width: 56px;	
	background: url('../../Images/Calculator/CalcImgTwo.png') no-repeat right 18px;
	}
	
.PolicyHeader .td4
{
	width: 55px;	
	background: url('../../Images/Calculator/CalcImgThree.png') no-repeat right 18px;
	}

.Calc
{
	font-family: Tahoma; font-weight: normal;
	font-size: 13px;
	color: #000000;
	}
	
.FullPrice
{
	font-size: 26px;
	color: #3a464f;
	font-family: Tahoma; font-weight: normal;
	line-height: 50px;
	}
	
.BorderedPanel .Center .Calculations
{
	border-bottom: solid 1px #d9d9d9;
	border-top: solid 1px #d9d9d9;	
	font-size: 13px;
	color: #343f4c;
	font-family: Tahoma; font-weight: normal;
	}
	
.BorderedPanel .Center .Calculations .Number
{
	line-height: 30px;
	text-transform: uppercase;	
	letter-spacing: 1px;
	}
	
.BorderedPanel .Center .Calculations .Data
{
	color: #7c8894;
	}
	
.BorderedPanel .Center .Calculations .DataPrice
{
	color: #7c8894;
	font-family: Tahoma; font-weight: bold;
	}
	
.BorderedPanel .Center .Calculations .Open
{
	text-align: right;
	line-height: 30px;
}
	
.Calc .MainData
{
	color: #7c8894;
	height: 30px;
	font-size: 13px;
	font-family: Tahoma; font-style: italic; font-weight: normal;	
	}	
	
.Calc a
{
	font-size: 13px;
	color: #47525b;
	font-family: Tahoma; font-style: italic; font-weight: normal;
	text-decoration: underline;
	}
	
.Calc .VSpacer
{
	height: 40px;
	}
	
.Calc .VSpacer div
{
	height: 1px;
	background: #d9d9d9;
	}
	
.Calc .Format,
.Calc .Format a
{
	font-family: Tahoma; 
	font-style: italic; 
	font-weight: normal;
	font-size: 11px;
	color: #7c8894;
	}
	
.Calc .DeleteDriver
{
	color: Red;
	font-family: Tahoma; font-style: italic; font-weight: normal;	
	}
    
.Calc .printButton,
.GrayBoldLink
{
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    color: Gray;
    }   
    
.Calc .calculationsButton
{
    font-weight: bold;
    text-decoration: underline;    
    color: Gray;
    }
    
.Calc .calculationsButton img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
    }
    
.Calc .driverPanel,
.OrangeBorderedPanel
{
    border: solid 1px #ff6400;         
    -moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	padding: 15px 10px 10px 10px;
    }

/*
.Calc .HeaderPanel
{
    border: solid 1px #ff6400;    
    margin-top: 30px;    
    -moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	padding: 10px 0 10px 0;
    }
    
.Calc .HeaderPanel .Top
{
    font-size: 14px;
    font-weight: bold;
    color: #ff6400;
    text-transform: uppercase;    
    letter-spacing: 1px;
    }
  
.Calc .HeaderPanel .Right
{
    width: 5px;
    }
    
.Calc .HeaderPanel .Down,
.Calc .HeaderPanel .Up
{    
    width: 50px;
    height: 14px;
    margin-right: 10px;
    cursor: pointer;   
    padding-right: 10px;
    text-align: right; 
    }
    
.Calc .HeaderPanel .Down:hover span,
.Calc .HeaderPanel .Up:hover span
{
    border-bottom: dotted 1px #000000;
    }
    
.Calc .HeaderPanel .Down
{
    display: none;
    background: url('../../Images/SmallDownButton.png') no-repeat right center;
    }
    
.Calc .HeaderPanel .Up
{
    background: url('../../Images/SmallUpButton.png') no-repeat right center;
    }
    
.Calc .HeaderPanel .Content .Head
{
    font-weight: bold;
    color: #183958;
    margin-top: 8px;
    }
    
.Calc .HeaderPanel .Content .Self
{
    width: 225px;    
    background: url('../../Images/Calculator/HeadSelf.png') no-repeat left top;
    }
    
.Calc .HeaderPanel .Content .Operator
{
    width: 225px;
    border-right: solid 1px #e5e5e5;
    background: url('../../Images/Calculator/HeadOperator.png') no-repeat left top;
    }
    
.Calc .HeaderPanel .Content .Photo
{
    background: url('../../Images/Calculator/HeadPhoto.png') no-repeat left top;
    }
    
.Calc .HeaderPanel .Content .Text,
.Calc .HeaderPanel .Content .Text a
{
    font-size: 11px;
    }
    
.Calc .HeaderPanel .Content .Self .Text
{
    margin: 120px 0 5px 0;
    }
        
.Calc .HeaderPanel .Content .Text a
{
    font-style: normal;
    text-decoration: underline;
    color: #ec9641;
    }
    
.Calc .HeaderPanel .Content .Operator .Text
{
    margin-top: 120px;
    }
    
.Calc .HeaderPanel .Content .Photo .td1
{
    padding: 12px 0 0 30px;
    }
    
.Calc .HeaderPanel .Content .Photo .td2
{
    padding: 52px 0 0 75px;
    width: 165px;
    }
    
.Calc .HeaderPanel .Content .Photo .td3
{
    padding: 33px 0 0 5px;
    width: 100px;
    }
    
.Calc .HeaderPanel .Content .Photo .td4
{
    padding: 55px 40px 0 0;    
    }
*/