﻿/*Global Browser Reset for compatibility CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0; } 
fieldset,img {border:0; } 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none; } 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:''; } 
abbr,acronym { border:0;} 
a.button{text-indent:-3000px; background-repeat:no-repeat; overflow:hidden; float:left;}
a{text-decoration:none; color:#d32127;}
a:hover{text-decoration:underline;}
.clear{clear:both; height:0px; visibility:hidden;}/*global clear div*/

h1.pagetitle{width:0px; height:0px; display:block; text-indent:-5000px;}
h2.pagesubtitle{width:0px; height:0px; display:block; text-indent:-5000px;}
h3.pagesubtitle{width:0px; height:0px; display:block; text-indent:-5000px;}
div.hiddentext{width:0px; height:0px; text-indent:-5000px;}


body{font-family: Helvetica, Arial, Verdana, sans-serif; color:#1e1e1e; font-size:12px; line-height:10.5pt; }
div.routeoverlaymain{background:transparent url('../images/routeoverlaybackground.png') no-repeat; width:776px; height:502px;margin:0 auto;}
	div.routeoverlaysplit{background-image:url('../images/routeoverlaybackgroundsplit.png');}
	div.backdog{background-image:url('../images/routeoverlaybackdog.png');}
	div.backdogretrieving{background-image:url('../images/routeoverlayretrieving.png');}/*updated 031210*/

	div.closebuttonholder{position:absolute; width:45px; height:45px; margin:0 0 0 718px;}	
	a.overlayclose{width:45px; height:45px; background:transparent url('../images/commvid/overlayclose.png') no-repeat;}
	a.overlayclose:hover { background-position: 0 -45px; }
	

/*overlayerror added 030910*/
div.overlayerror{background:transparent url('../images/overlayerror.png') no-repeat; width:697px; height:286px;}
a.tryagain{width:112px; height:37px; background-image:url('../images/buttonoverlaytryagain.png'); margin:178px 0 0 15px;}
a.cancelbig{width:93px; height:37px; background-image:url('../images/buttonoverlaybigcancel.png');margin:178px 0 0 222px;}

div.overlaytitlepadding{height:12px;}
div.routeoverlaytitle{background:transparent url('../images/routeoverlaytitlebg.png') no-repeat; width:712px; height:135px;margin:10px 0 0 22px;}
	div.routeshot{width:113px; height:105px; float:left; margin:15px 0 0 15px;}
	div.routetext{float:left;margin:0 0 0 15px; width:250px;}/*033110*/
	div.routetitle{float:left; width:530px; overflow: visible; }/*032710*/
	 div.routetitle h3{font-size:28px; font-weight:bold; color:#d32127;margin-bottom:0px;line-height:1.1em;margin:16px 0 0 15px; overflow: visible;}
		div.routetext h4{font-size:14px; font-weight:bold; margin-bottom:0px; margin-top: 0px;}
		div.headerbuttonholder{position:absolute;width:300px;margin:95px 0 0 435px;overflow:hidden; }/*040210 changed*/
		a.getcouponsmall{float:right; width:158px; height:47px; background-image:url('../images/routeoverlay/buttongetcoupon.png'); margin:8px 10px 0 0;}/*032710 changed*/
		a.getcouponsmall:hover{background-position:0 -47px;}/*031710 changed*/
		a.nextstop{float:right; width:105px; height:24px; margin:95px 10px 0 0;
		background:transparent url('../images/routeoverlay/routeoverlaynext.png') no-repeat right 0px; display:block; font-size:16px; font-weight:bold; padding-top:5px;
		}
		a.nextstop:hover{background-position:right -29px;}
		a.withcoupon{margin:20px 10px 0 0;float:left;}/*032710 changed*/
		a.previousstop{float:right; width:110px; height:24px; margin:95px 10px 0 0;
		background:transparent url('../images/routeoverlay/routeoverlayprevious.png') no-repeat left 0px; display:block; font-size:16px; font-weight:bold; padding:5px 0 0 29px;
		}
		a.previousstop:hover{background-position:0 -29px;}

div.newroutetitle{width:720px; height:143px; margin:10px 0 0 22px; background:transparent url('../images/routeoverlay/overlayenternewlocationheader.png') no-repeat;}
	div.newrouterrorsep{height:50px;}
	div.newrouteerror{height:26px; padding:8px 0 0 32px; font-size:16px; background:transparent url('../images/routeoverlay/overlayexclamation.png') no-repeat; display:block; margin:45px 0 0 152px; font-weight:bold; color:#fff;}
	div.nostop{background-image:url('../images/routeoverlay/headernostops.png');}/*031810 changed*/
div.overlaycontentholder{width:712px;height:315px;margin-left:22px;}

div.leftcontent{float:left; width:316px; margin:15px 0 0 10px;}
div.rightcontent{float:left; width:345px; margin:15px 0 0 33px;}
div.overlaytitle{width:250px; height:16px;}
	div.titlecomments{background:transparent url('../images/routeoverlay/titlecomments.png') no-repeat;}
	div.titlephotos{background:transparent url('../images/routeoverlay/titlephotos.png') no-repeat;}
	div.titleupload{background:transparent url('../images/routeoverlay/titleupload.png') no-repeat; width:200px;float:left;margin-top:4px;}
	div.titleviewphotos{background:transparent url('../images/routeoverlay/titleviewphotos.png') no-repeat; width:200px;float:left;margin-top:4px;}
	
	a.finish{width:71px; height:28px; background-image:url('../images/routeoverlay/buttonoverlayfinish.png'); float:right;margin-right:10px;}
	a.finish:hover { background-position: 0 -28px; }
	a.exit{width:71px; height:28px; background-image:url('../images/routeoverlay/buttonoverlayexit.png'); float:right;margin-right:10px;}
	a.exit:hover { background-position: 0 -28px; }
	div.rightcontentupload{margin-top:11px;}
	
	div.leftholder{overflow:auto; margin:10px 0 0 0;height:170px;}
		div.commentslot{width:300px; margin:0 0 10px 0;}
			div.profileimg{width:38px; height:38px; float:left;}
			div.comments{float:left;margin-left:7px; width:245px;}
				div.profilenameholder{width:245px;}
				div.profilename{float:left;font-weight:bold;}
				div.profilereport{float:right;}
				div.commentstext{margin-top:4px;}
				
		div.lefttextbox{width:300px; margin:10px 0 0 0;}
			textarea.comments{width:312px; margin:1px solid #b1ab75; color:#888; font-size:11px; height:55px; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic;}
		a.post{width:54px; height:28px; background-image:url('../images/routeoverlay/buttonoverlaypost.png'); margin:8px 0 0 260px;}
		a.post:hover{background-position:0 -28px;}
		
	div.rightphotos{margin-top:8px; height:200px; width:330px;}
		div.photoslot{width:101px; font-weight:bold; float:left; margin-right:10px;}
		div.photoslotlast{margin-right:0px;}
		div.photoslotnextline{margin-top:10px;}
			div.photoslot img{width:99px; height:77px; border:1px solid #d63033;}
				div.rightupload{margin-top:8px;}
				
	div.uploadhld{margin-top:10px;height:190px;}
	div.uploadslot{width:330px; height:56px; background:transparent url('../images/routeoverlay/uploadoffbg.png');margin-bottom:5px;}
	div.uploadsloton{background-image:url('../images/routeoverlay/uploadonbg.png');}
	div.uploadslot h3{font-weight:bold; font-size:12px; padding:10px 10px 0 10px;}
	div.uploadslot p{padding:5px 10px 0 10px;}
	
	div.viewphotoshld{width:320px; height:200px;margin-top:3px;}
	div.viewphotos{height:185px; width:320px; text-align:center; vertical-align:middle;}
	div.viewphotos img{border:1px solid #949494;}
	div.viewphotostitle{width:320px; margin-top:4px; font-weight:bold; text-align:center;}
	div.viewphotostitlereport{width:200px; float:left;font-weight:bold; }
	div.reportphoto{float:right; width:70px;}
	
			
	div.bottomnav{width:330px; height:35px; margin-top:0px; background:transparent url('../images/routeoverlay/routeoverlayseperator.png') no-repeat 0 bottom;}/*032710*/
	a.previous{height:15px; background:transparent url('../images/routeoverlay/arrowleft.png') no-repeat left 2px; display:block; float:left; padding-left:20px; font-weight:bold;}
	a.next{height:15px; background:transparent url('../images/routeoverlay/arrowright.png') no-repeat right 2px; display:block; float:right; padding-right:20px; font-weight:bold; }
	
	a.previousphoto{height:15px; background:transparent url('../images/routeoverlay/arrowleft.png') no-repeat left 2px; display:block; position:absolute; padding-left:20px; font-weight:bold;}
	a.nextphoto{height:15px; background:transparent url('../images/routeoverlay/arrowright.png') no-repeat right 2px; display:block; position:absolute; padding-right:20px; font-weight:bold; margin:0 0 0 280px;}
	div.photopagination{height:15px; display:block; position:absolute; margin:0 0 0 150px}/*032710*/
	
	a.reportuser{float:left;margin-top:9px;}/*032910*/
	a.upload{width:118px; height:28px; background-image:url('../images/routeoverlay/buttonoverlayupload.png'); margin:3px 0 0 210px;}/*032910*/
	a.upload:hover{background-position:0 -28px;}
	a.upload2{width:118px; height:28px; background-image:url('../images/routeoverlay/buttonoverlayupload.png'); margin:3px 0 0 150px;}/*032910*/
	a.upload2:hover{background-position:0 -28px;}
	
	a.cancel{width:71px; height:28px;background-image:url('../images/routeoverlay/buttonoverlaycancel.png');float:right;margin:5px 10px 0 0;}
	a.cancel:hover{background-position:0 -28px;  }
	
	div.uploadmax{width:150px; float:left; margin:6px 0 0 0;}/*033110*/
	
	a.select{width:92px; height:28px; float:right; background-image:url('../images/routeoverlay/buttonoverlayselect.png');margin:5px 10px 0 0;}
	a.select:hover{background-position:0 -28px;}
	
	div.phototitle{font-weight:bold; text-align:center;margin-bottom:3px;}/*032710*/
	
div.coupon{background:transparent url('../images/routeoverlay/overlaycoupon.png') no-repeat; width:686px; height:306px; margin:10px 0 0 10px;}
a.getcoupon{width:195px; height:58px;margin:205px 0 0 408px; background-image:url('../images/routeoverlay/buttoncouponbig.png');}
	a.getcoupon:hover{background-position:0 -58px;}
	

div.form{width:690px;}
table.formtable{width:690px;}
td.formname{height:32px; font-size:16px; font-weight:bold; width:300px; text-align:right;padding:5px; vertical-align:middle;}
td.formdata{width:370px; padding:5px; vertical-align:middle;}
	input.name{height:20px; width:360px; padding:5px; color:#9b9b9b; font-size:16px;}
	input.city{height:20px; width:250px; padding:5px; color:#9b9b9b; font-size:16px; float:left;}
	input.zip{height:20px; width:90px; padding:5px; color:#9b9b9b; font-size:16px; }
	select.state{width:90px; float:right; padding:5px; font-size:16px;}
	select.whatisit{padding:5px; font-size:16px;}
	select.describe{padding:5px; font-size:16px; float:left;}
	a.question{width:41px; height:42px; background-image:url('../images/routeoverlay/questionmark.png'); margin-left:5px;}
	input.number{height:20px; width:230px; padding:5px; color:#9b9b9b; font-size:16px; float:left;}
	a.submit{height:42px; width:110px; background-image:url('../images/routeoverlay/buttonoverlaysubmit.png'); float:right;}
	a.submit:hover{background-position:0 -42px;}
	
div.titlelookslike{width:710px; height:23px; background:transparent url('../images/routeoverlay/titlelookslike.png') no-repeat; margin:25px 0 0 42px;}

div.overlaydesthld{width:675px;height:350px;margin:15px 0 0 42px; overflow:auto;}
div.destslot{width:653px; height:113px;background:transparent url('../images/routeoverlay/destslotback.png') no-repeat; margin-top:5px;}
div.destslottop{margin-top:0px;}
	div.destslotimg{width:91px; height:83px; float:left; margin:14px 0 0 14px; }
	div.desttext{float:left; width:325px;margin:14px 0 0 10px;}
		div.desttext h3{font-size:28px; font-weight:bold; color:#d32127;margin-bottom:7px; line-height: 1em;}
		div.desttext h4{font-size:14px; font-weight:bold; margin-bottom:5px;}
		a.yesthatstheone{width:193px; height:39px; background-image:url('../images/routeoverlay/routeoverlayyes.png'); float:right; margin:62px 10px 0 0px;}
		a.yesthatstheone:hover{background-position:0 -39px;}
		
a.buttonnope{width:237px; height:39px; background-image:url('../images/routeoverlay/buttonoverlaynope.png'); margin:10px 0 0 255px;}
a.buttonnope:hover{background-position:0 -39px;}

/*facebook twitter login 031210*/
div.fbtwitlogin{height:440px;line-height:12pt;margin-top:20px;}/*updated 031210*/
	div.fbtwittitle{font-size:28px; font-weight:bold; color:#d32127;margin:20px 0 0 22px; line-height:28px;}
	div.fbtwitleft{height:360px;}/*updated 031210*/
	div.fbtwitright{height:360px;}/*updated 031210*/
	div.fbimageholder{width:225px; height:55px;margin:0 0 0 30px;}/*updated 031210*/
	div.fbtext{margin-top:30px;}/*updated 031210*/
	div.fbtext h2{text-align:center; font-size:18px; font-weight:bold; margin-bottom:10px;}/*updated 031210*/
	div.fbtext p{margin-bottom:10px;}/*updated 031210*/
	div.twitimageholder{width:225px; height:55px;margin:0 0 0 60px;}/*updated 031210*/
	div.twittext{margin:30px 0 0 10px;}/*updated 031210*/
		div.twittext h2{text-align:center; font-size:18px; font-weight:bold; margin-bottom:10px;}/*updated 031210*/
		div.twittext p{margin-bottom:10px;}/*updated 031210*/
	a.overlaysignin{width:112px; height:43px; background-image:url('../images/routeoverlay/buttonsignin.png');}/*updated 031210*/
	a.overlaysignin:hover{background-position:0 -43px;}/*updated 031210*/
	a.fbsignin{margin:20px 0 0 180px;}/*updated 031210*/
	a.twitsignin{margin:30px 0 0 200px;}/*updated 031210*/
	
	a.signincancel{width:71px; height:28px; background-image:url('../images/routeoverlay/buttonoverlaycancel.png');float:right;}/*updated 031210*/
	a.signincancel:hover{background-position:0 -28px;}/*updated 031210*/



div.overlayerrorblank{background:transparent url('../images/overlayerrorblank.png') no-repeat; width:697px; height:286px;}/*032510 changed*/
div.errortitle{font-weight:bold; font-size:30px; margin:60px 0 0 0px;padding:0 25px 0 25px; text-align:center;}
div.errormsg{font-weight:bold; margin:15px 0 0 0; font-size:16px; text-align:center;line-height:1em;}
a.tryagainblank{margin:15px 0 0 15px;}
a.cancelbigblank{margin:15px 0 0 222px;}


/* KAP */
textarea.comments{width:312px; margin:1px solid #b1ab75; color:#000; font-size:11px; height:55px; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic;}
a.bookit{float:right; width:158px; height:47px; background-image:url('../images/routeoverlay/buttonbookit.png'); margin:10px 10px 0 0;}
a.bookit:hover{background-position:0 -47px;}/*031710 changed*/

a.ok { width: 93px; height: 37px; background-image: url('../images/buttonoverlayok.png'); margin: 15px 0 0 310px;}
a.ok:hover { background-position: 0 -37px; text-align: center; }

a.ok2 { width: 93px; height: 37px; background-image: url('../images/buttonoverlayok.png'); margin: 15px 0 0 270px;}
a.ok2:hover { background-position: 0 -37px; text-align: center; }
a.cancel2 {width:93px; height:37px; background-image:url('../images/buttonoverlaybigcancel.png'); margin: 15px 0 0 0px; }
a.cancel2:hover {background-position: 0 -37px; text-align: center; }
