﻿
.tlItinSummary
{list-style:none; display:block; height:120px; margin:0; padding:0; background: #CECBCE; border: solid 1px #000000;}

.tlItinSummText
{float:left; width:280px; margin:0px 0px 0px 0px; padding: 2px 0px 2px 2px; background: inherit; font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #666666; line-height: 20px; border: solid 0px #000000;}

.tlItinSummImg
{float:right; display:block; white-space:nowrap; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: inherit; border: solid 0px #000000;}

.tlItinDtls
{margin:0; padding:0; background: #FFFFFF;}

.tlItinPrice
{
    margin: 10px 200px 10px 0px;
    padding: 4px 10px 4px 10px;
    background: #CECBCE;   
    border: solid 1px #000000;
    font-weight:bold;
}
.tlItinAmend
{
    margin:0;
    padding: 40px 70px 20px 20px;
    background: #FFFFFF;   
}
.tlItinTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666666;
	line-height: 25px;
}
.tlItinConf
{
    list-style:none;
    display:block;
    background-color:#FFFFCC;
    border:soild 1px #293E5F;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style:none;
}
.tlItinConfChks
{
    float:left;
    display:inline;
    margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;
}
.tlItinConfErrs
{
    float:right;
    display:inline;
    max-width: 210px;
    background-color: #FFFFCC;
    border: solid 1px #ffcc66;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
}

.tlItinPreviewHead
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    color:Red;
    font-size:xx-large;
    text-align:center;
    border: solid 1px #000000;
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
}

.tlItinAgreeHead
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:24px;
    letter-spacing:3px;
    text-align:center;
    border: solid 1px #000000;
    margin: 0;
    padding: 10px 10px 15px 10px;
}

table.tlItinPass 
{
    padding:0px 0px 0px 0px;
    border: solid 0px #000000;   
}
table.tlItinPass td
{
    border: solid 1px #000000; 
}

.tlItinPassErrs
{
    background-color: #FFFFCC;
    border: solid 1px #ffcc66;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    vertical-align:top;
}

input.tlPass
{
	border: gray 1px solid;
	padding: 1px 3px 1px 3px;
	background-color:#EEEEEE;
	margin: 1px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
input.tlPassTitle{
    width:30px
}
input.tlPassName{
    width:100px
}
input.tlPassDOB{
    width:130px
}
input.tlPassPP{
    width:130px
}


.tlContainer
{
    border: solid 0px #ffcc66;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    vertical-align:top;
}

.tlULCont
{
    float:left;
    list-style:none;
    display:block;
    border: solid 1px #000000;
    padding: 5px 5px 5px 5px;
    margin: 5px 0px;
}
.tlLILeft
{
    float:left;
    width:300px;
    padding: 5px 5px 5px 5px;
    font-weight: normal;
    border: solid 0px #000000;
}
.tlLIRight
{
    float:right;
    width:300px;
    padding: 5px 5px 5px 5px;
    border: solid 0px #000000;
}
.tlLIDNew
{
    clear:both;
    display:block;
    padding: 5px 5px 5px 5px;
    border: solid 0px #000000;
}

#tlPassWrap{float:left;border:solid 0px #000000;padding:10px 0px 2px 0px;font-weight:bold;}
#tlPassNote{text-align:left;color:Red;width:540px;}
#tlPassTitle{float:left;text-align:left;width:40px;}
#tlPassFName{float:left;text-align:left;width:110px;}
#tlPassSName{float:left;text-align:left;width:110px;}
#tlPassDOB{float:left;text-align:left;width:140px;}
#tlPassPP{float:left;text-align:left;width:140px;}

#tlPassAdvWrap{float:left;border:solid 0px #000000;padding:10px 0px 2px 0px;font-weight:bold;}
#tlPassAdvNote{text-align:left;width:540px;}
#tlPassID{float:left;text-align:left;width:80px;}
#tlPassNum{float:left;text-align:left;width:120px;}
#tlPassPlace{float:left;text-align:left;width:110px;}
#tlPassExpire{float:left;text-align:left;width:160px;}
#tlPassCitizen{float:left;text-align:left;width:110px;}

.quoteListSpan
{
    margin:0px 20px 0px 20px;
}


table.quoteListTable
{
    margin:20px 5px 0px 20px;
    width:500px;
}

tr.quoteList{
background-color:#EFEFEF;
/*padding: 5px 3px 3px 3px;*/
}

td.quoteListCol1{
    border-left:1px solid #000000;
    border-top:1px solid #000000;
    border-right:none;
    border-bottom:1px solid #000000;
    width:30%;
    padding: 3px 0 0 10px;
    }

td.quoteListCol2{
    border-left:none;
    border-top:1px solid #000000;
    border-right:none;
    border-bottom:1px solid #000000;
    width:45%;
    padding: 10px 0 5px 0;
}

td.quoteListCol3
{
    border-left:none;
    border-top:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    vertical-align:bottom;
    width:25%;
    padding: 0 0 0 0;
}

td.quoteListCol3 a
{
    color:#fff;
    text-decoration:none;
    background-color: #66CCFF;
	padding: 2px 5px 5px 5px;
	width: 100px;
    margin: 5px 0px 10px 0px;
    height: 15px;
    text-align: right;
    display: block;
}
   
    
td.quoteListCol3 a:hover{
    color:#fff;
    text-decoration:none;
    background-color: #3a97c6;
	padding: 2px 5px 5px 5px;
	width: 100px;
    margin: 5px 0px 10px 0px;
    height: 15px;
    text-align: right;
    display: block;
    }



.clearBoth{clear:both;}

.valpopupdiv{background-color:#FFFFCC;border:solid 1px #C6780A;width:250px;display:none;}
td.valpopuphead {background-color:#FFFF19;border:solid 1px #000000;}
.valpopupbg{background-color:#D9D7C6; filter: alpha(opacity=60); opacity:0.60}
.valhidelbl{display:none;}


/* New Online Itin Additions - May 2011 */

.tlPDFFont
{
	font-family:arial, helvetica, Sans-Serif;
	font-size:18px;
	line-height:30px;
	color:#333;
}
#tlPDFIntroWrapper 
{
	width:1000px; 
	float:left;
	padding: 10px 0px;
}
#tlPDFIntroLeft 
{
	width:550px; 
	border-left: 20px;
	float:left; 
	position:relative; 
	padding: 10px;
}
#tlPDFIntroRight 
{
	color:#6D6F75;
	width:350px; 
	float:right; 
	position:relative; 
	background-color:#D9D9D9; 
	padding:10px;
	min-height:980px;
}

#tlPDFIntroNutshellList
{
	margin:0px;
}
#tlPDFItinHeader
{
	clear:both;
	page-break-before:always;
}
#tlPDFItinHeaderWrapper
{
	width:1000px;
	float:left;
	background-color:#D9D9D9;
}
#tlPDFItinHeaderLeft
{
	float:left; 
	position:relative; 
	padding: 5px;
}
#tlPDFItinHeaderRight
{
	float:right; 
	position:relative; 	
	padding: 0px 0px 0px 5px;
}
#tlPDFItinWrapper
{
	width:1000px;
	padding:20px;
	float:left;
}
#tlPDFItinPriceBox
{
	width:960px;
	padding:20px;
	float:left;	
	background-color:#D9D9D9;
}
#tlPDFItinPriceWas
{
	font-size:14px;
}
#tlPDFItinValueAdd
{
	font-size:16px;
}
#tlPDFItinnPriceNow
{
	font-size:18px;
}
#tlPDFItinNextStepsH
{
	page-break-before:always;
	clear:both;
	margin:0;
}
#tlPDFItinNextStepsWrapper
{
	width:960px;
	padding:10px;
	border: 10px;
}
#tlPDFItinNextStepsCentre
{
	min-height:850px;
}
#tlPDFItinNextStepsCentre h3 
{
	margin:15px 0 5px 0;
	font-size: 18px;
}

#tlPDFItinNextStepsCentre h2
{
	margin:15px 0 5px 0;
	font-size: 20px;
}
