body{border:none;margin:0}
.pdf_menu{display:none}
.pdf_page{position:relative;height:29.7cm;width:21cm;background-color:#FFF;-moz-box-shadow:0 2px 2px #000;-webkit-box-shadow:0 2px 2px #000;box-shadow:0 2px 2px #000;border:1px solid #666;margin:12px auto;padding:20px;}
.pdf_page_landscape{position:relative;height:21cm;width:29.7cm;background-color:#FFF;-moz-box-shadow:0 2px 2px #000;-webkit-box-shadow:0 2px 2px #000;box-shadow:0 2px 2px #000;border:1px solid #666;margin:12px auto;padding:20px;}
.page_title{text-align:center;font-size:14pt;top:55px;width:100%;position:absolute;}
.banner_holder{height:60px;border:1px solid #000;width:100%}
.title_holder{height:30px;border:1px solid #000;width:100%}
.banner_holder p {font-size:6.5pt;text-align:right;margin-top:0;margin-right:2px;line-height:90%}
.header_table{width:100%;border-spacing:0;border-collapse:collapse;border-style:none;border-width:0}
.header_section_small,.header_section_quarter{border:1px solid #333;font-size:7pt;text-align:center;color:#666}
.header_section_small td{border:1px solid #000;width:20%; vertical-align:top;}
.header_section_large td{border:1px solid #000;width:50%;padding:5px}
.header_section_mid td{border:1px solid #000;width:33.3%;padding:5px}
.header_section_quarter td{border:1px solid #000;width:25%;padding:5px}
.header_section_full td{border:1px solid #000;width:100%;padding:5px}
.pipeline_holder{position:relative;top:0;height:800px;border:1px solid #000;width:100%;overflow:hidden}
.photo_holder{position:relative;top:0px;height:940px;border:1px solid #000;width:100%}
.photo_holder_0{position:absolute;top:5px;left:5px;width:49%;height:300px;border:1px solid grey;text-align:center;}
.photo_holder_1{position:absolute;top:5px;left:50%;width:49%;height:300px;border:1px solid grey;text-align:center;}
.photo_holder_2{position:absolute;top:33%;left:5px;width:49%;height:300px;border:1px solid grey;text-align:center;}
.photo_holder_3{position:absolute;top:33%;left:50%;width:49%;height:300px;border:1px solid grey;text-align:center;}
.photo_holder_4{position:absolute;top:66%;left:5px;width:49%;height:300px;border:1px solid grey;text-align:center;}
.photo_holder_5{position:absolute;top:66%;left:50%;width:49%;height:300px;border:1px solid grey;text-align:center;}
.photopage_img{position:absolute;width:360px;height:260px;margin-top:10px;margin-left:8px}
/*.photopage_img{position:absolute;max-width:381px;max-height:280px;margin-top:10px;margin-left:8px}*/
/*.photopage_img_p{position:absolute;height:280px;margin-top:10px;margin-left:8px}
.photopage_img_l{position:absolute;width:48%;margin-top:10px;margin-left:8px}
.img_caption{position:absolute;width:48%;height:280px;margin-top:12px;margin-left:8px;font-size:8pt}*/
/*.photopage_img_p{position:absolute;height:260px;top:48%;left:50%;margin-right:-50%;-ms-transform:translate(-50%, -54%);-webkit-transform:translate(-50%, -54%);transform:translate(-50%, -54%);}
.photopage_img_l{position:absolute;width:380px;top:48%;left:50%;margin-right:-50%;-ms-transform:translate(-50%, -54%);-webkit-transform:translate(-50%, -54%);transform:translate(-50%, -54%);}
*/

.photopage_img_p{height:260px;margin-bottom:10px;}
.photopage_img_l{width:340px;margin-bottom:10px;}

.img_caption{position:absolute;width:100%;height:20px;margin-left:0px;font-size:8pt;top:90%;}
.img_caption span{bottom:-3px;position:absolute;width:100%;left:0px;}
.down_pipe{background-color:#963;width:8px;position:relative;top:50px;left:20px;color:#000}
.down_pipe_dashed{border-left:8px dotted #963;width:0;position:absolute;left:20px;color:#000}
.job_data_holder{height:90%;width:98%;position:absolute;top:5%;left:3%}
.fault_node{position:absolute;left:5%;font-size:8pt;width:90%;padding:2px;}
.fault_pos{width:7%;display:inline;float:left}
.fault_code{width:9%;top:0;display:inline;float:left;}
.fault_desc{width:64%;top:0;display:inline;float:left;padding-right:5px;}
.fault_desc_preview{width:63%;top:0;display:inline;float:left;padding-right:10px;}
.fault_img{width:8%;top:0;display:inline;float:left}
.fault_grade{width:10%;top:0;display:inline;float:left}
.fault_node b{font-size:7pt}
.job_summary_holder{display:block;height:auto;border:1px solid #000;width:100%}
.job_summary_holder_title{border:none;font-size:16px;overflow:auto;margin:0;padding:5px 5px 5px 5px;display:inline;float:left; width:100%;}
.summary_holder_preview{display:inline-block;min-height:130px;height:auto;margin:0px;border:1px solid #000;width:100%;padding-bottom:2pt}
.summary_holder{display:block;height:130px;margin:0px;border:1px solid #000;width:100%;padding-bottom:2pt}
.summary_holder_title{border:none;font-size:16px;overflow:auto;color:#666;margin:0;padding:5px 5px 0px 5px;width:100%;display:inline;float:left}
.comment_bx{display:block;border-bottom-style:inset;border:5px solid #C30;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:9pt;margin:5px;padding:10px}
.comment_bx_right{border-bottom-style:inset;border:5px solid #C30;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;height:70px;line-height:95%;position:relative;top:0px;}

/*Added new box styles with a suffix to represent the structural grade associated with the survey section*/

.comment_bx_right0{border-bottom-style:inset;border:5px solid #000;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;min-height:70px;line-height:95%;position:relative;top:0px;}
.comment_bx_right1{border-bottom-style:inset;border:5px solid #060;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;min-height:70px;line-height:95%;position:relative;top:0px;}
.comment_bx_right2{border-bottom-style:inset;border:5px solid #00C;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;min-height:70px;line-height:95%;position:relative;top:0px;}
.comment_bx_right3{border-bottom-style:inset;border:5px solid #930;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;min-height:70px;line-height:95%;position:relative;top:0px;}
.comment_bx_right4{border-bottom-style:inset;border:5px solid #F60;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;min-height:70px;line-height:95%;position:relative;top:0px;}
.comment_bx_right5{border-bottom-style:inset;border:5px solid #F00;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:8pt;padding:10px;width:65%;display:inline;float:right;min-height:70px;line-height:95%;position:relative;top:0px;}

.info_hld{display:inline;float:left;width:30%;font-size:8pt;}
.node{width:20px;height:20px;background-color:transparent;overflow:hidden;position:absolute;left:15px}
.header_section_small tr,.header_section_quarter tr,.header_section_large tr,.header_section_mid tr,.header_section_full tr{border:1px solid #000}
.header_section_small b,.header_section_quarter b,.header_section_large b,.header_section_mid b,.header_section_full b{color:#000}
.header_section_large,.header_section_mid,.header_section_full{border:1px solid #000;font-size:7pt;text-align:left;color:#666}
.job_summary_holder p,.summary_holder p,.summary_holder_preview p{font-size:8pt;border:none;overflow:auto;margin:0px;padding:2px 1px 0px 30pt;}
.desc_holder_new {width:100%;height:165px;border:1px solid #000;}
.desc_holder {width:100%;height:180px;border:1px solid #000;}
.desc_header{padding:10px}
.desc_cont{padding:10px 10px 10px 20px}
.pcoverpage_image_v4{text-align:center;width:95%;border:none;margin:0px;position:absolute;top:15%;max-height:50%}
.coverpage_image_v4 img{max-width:95%;max-height:50%;margin:1px;-moz-transform-origin:25% 125%;
-webkit-transform-origin:25% 125%;
-ms-transform-origin:25% 125%;
-o-transform-origin:25% 125%;
transform-origin:25% 125%;}
.coverImageHolder-Buxton{height:400px; width:100%; display:block; text-align:center; margin-left:auto; margin-right:auto;}
.coverImageHolder{max-height:60%; width:100%; display:block; text-align:center; margin-left:auto; margin-right:auto;}
.coverImage{max-width:100%;max-height:100%; border:1px solid black;}
.coverImageWide{max-width:795px; border:1px solid black;}
.coverImageTall{max-height:555px; border:1px solid black;}
.coverpage_data{text-align:center;font-weight:bold;font-size:15pt;position:absolute;width:100%;left:0px}
.coverpage_heading{float:right;font-weight:bold;font-size:15pt;}

.drawing_holder{text-align:center;width:790px;border:none;margin:0px;position:absolute;top:15%;height:790px;}
.drawing_holder img{max-height:100%;width:790px;margin:1px;-moz-transform-origin:25% 125%;
-webkit-transform-origin:25% 125%;
-ms-transform-origin:25% 125%;
-o-transform-origin:25% 125%;
transform-origin:25% 125%;}

.drawing_holder_long{text-align:center;width:790px;border:none;margin:0px;position:absolute;top:15%;height:790px;}
.drawing_holder_long img{max-height:100%;height:790px;margin:1px;-moz-transform-origin:25% 125%;

-webkit-transform-origin:25% 125%;
-ms-transform-origin:25% 125%;
-o-transform-origin:25% 125%;
transform-origin:25% 125%;}


.pref_console{width:350px;height:auto;min-height:200px;background-color:#CCC;border:1px solid #999;-khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;margin:0 auto;margin-top:10px;-moz-box-shadow:inset 0 2px 2px #666;-webkit-box-shadow:inset 0 2px 2px #666;box-shadow:inset 0 2px 2px #666;overflow:auto}
.rep_h3{text-align:center;color:#900;font-weight:normal;font-size:14px;width:100%;display:inline;float:left;padding:5px 0 5px 0;-moz-box-shadow: 0 2px 2px #AAA;-webkit-box-shadow: 0 2px 2px #AAA;box-shadow: 0 2px 2px #AAA;}
.rep_h4{text-align:center; margin:0px 0px 5px 0px;color:#888;font-weight:normal;font-size:12px;width:100%;display:inline;float:left}
.pref_form label{padding:1%;padding-left:8%;display:inline;float:left;width:auto;min-width:39%;font-size:12px}
.submit_hld{width:350px;overflow:auto;display:inline;float:left}
.submit_hld input{display:inline;float:right;margin-right:10px;margin-bottom:10px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #666;background-color:#AAA}
.submit_hld input:hover{background-color:#666;cursor:pointer;color:#FFF}
.slide_grade { display:inline;float:left;width:300px;padding:5px 25px 10px 25px !important; }
.grade_holder{display:inline;float:left;left:0px;margin-left:0px;width:350px}
.grade_int{width:16.66%;text-align:center;display:inline;float:left;font-size:12px;color:#666}
.v4_grade_int{width:20%;text-align:center;display:inline;float:left;font-size:12px;color:#666}
.defect_holder{border:1px solid #333;width:100%;height:30px;}
.defects_table{width:100%;border-spacing:0;border-collapse:collapse;border-style:none;border-width:1px;border-color:#000;font-size:12px;text-align:center}
.defects_table td{border:1px solid #000;}
.logo_img{height:50px;margin:5px;display:inline;float:left}
.logo_img_wide{width:250px;margin:5px;display:inline;float:left}
.logo_img_small{margin:5px;display:inline;float:left}
.pipe_dir{background-repeat:no-repeat;background-image:url(http://www.itouch-live.com/includes/PDF_controllers/pdf_asset_img/flowdir.png);width:17px;height:93px;overflow:hidden;position:absolute;top:320px;left:0.25%;}
.start_ref{top:0px;left:2px;margin-top:2px;position:absolute;font-size:10px}
.end_ref{top:0px;left:2px;margin-top:785px;position:absolute;font-size:10px}
.email_pdf{width:250px;display:inline;float:right;margin:5px;padding:5px}
.email_pdf_lbl{display:inline;float:left;margin:5px;margin-top:10px;margin-bottom:9px}
.invite_holder{overflow-y:auto}
.user_add{line-height:90%}

/*Added new styles to deal with the customer letter*/

.letter_holder{height:30px;border:none;width:890px;margin-left:20%;}
/*.letter_holder{height:30px;border:none;width:640px;display:block;left:200px;}*/
.preview_letter_holder{height:15px;border:none;width:445px}
/*.letter_table{width:890px;border-spacing:0;border-collapse:collapse;border-style:none;border-width:0}*/
.letter_table{width:100%;border-spacing:0;border-collapse:collapse;border-style:none;border-width:0;}
.letter_table_PDF{width:740px;border-spacing:0;border-collapse:collapse;border-style:none;border-width:0}
.letter_header{border:none;width:65%;text-align:center;vertical-align:middle;height:30px;}
.letter_section_left{border:none;width:60%;vertical-align:top; padding-bottom:20px;}
.letter_section_right{border:none;width:35%;vertical-align:top; padding-bottom:20px;}
.letter_section_full{border:none;width:100%;vertical-align:top; padding-bottom:20px;}
.letter_section_name{border:none;width:65%;vertical-align:center; text-align:left; padding-bottom:20px;}

/*Section Added to split off the body text in the customer letter*/
.letter_content{width:100%;border-spacing:0;border-collapse:collapse;border-style:none;border-width:0;font-size:16px;}
/*.letter_content .p + p {margin-top:8px;}*/
.letter_preview_content{width:100%;border-spacing:0;border-collapse:collapse;border-style:none;border-width:0;font-size:8px;}
/*.letter_preview_content .p + p {margin-top:8px;}*/


.letter_section_left_ukdn{border:none;width:73%;vertical-align:top; padding-bottom:20px;}
.letter_section_right_ukdn{border:none;width:27%;vertical-align:top; padding-bottom:20px;}

.letter_footer{text-align:center; position:absolute; top:90%; width:100%;}
.letter_footer_metro{text-align:center; position:absolute; top:85%; width:100%;}
/*.preview_letter_footer{text-align:center; position:relative; display:inline-block; top:85%; width:100%;}*/
.preview_letter_footer{text-align:center; position:absolute; bottom:5%; height:auto; width:100%;font-size:45%;}

/*.letter_preview_holder{float:right;height:auto;width:570px;margin-right:30px;margin-top:4px;overflow-y:auto;}*/
.letter_preview_holder{position:absolute;left:130px;top:135px;height:684px;width:auto;overflow-y:auto;overflow-x:hidden;background-color:#888;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:9px;z-index:9;}
/*.letter_preview_holder{position:absolute;float:right;margin-top:2px;margin-right:30px;height:auto;width:auto;overflow-y:auto;overflow-x:hidden;background-color:#888;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:9px;z-index:200}*/
.letter_preview{height:662px;width:396px;background-color:#FFF;-moz-box-shadow:0 2px 2px #000;-webkit-box-shadow:0 2px 2px #000;box-shadow:0 2px 2px #000;border:1px solid #666;padding:10px;font-size:8px;overflow:none;margin-bottom:10px;display:block;position:relative} /* Changed width to 396 from 450 and font size to 8px from 45%*/
.letter_preview_close{position:fixed;margin-top:5px;margin-right:5px;width:20px;height:20px;left:529px;z-index:10;} /*Changed left value from 583 to 529*/
.letter_preview_overlay{position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:8;}

.stop-scrolling{height:100%;overflow:hidden;}

/*Added a new table class to allow further control of text positioning in the header tables*/
.default{padding:0px; border:none;}
.default tr{height:12px; padding:0px; border:none;}
.default tr td{padding:0px !important; border:none;}

.footer_section_large{border:1px solid #333;font-size:7pt;text-align:center;}
.footer_section_large td{border:1px solid #000;width:50%;padding:2px}
.footer_section_tiny{border:1px solid #333;font-size:6pt;text-align:center;}
.footer_section_tiny td{border:1px solid #000;width:10%;padding:2px}

.coverimage_holder{height:600px;overflow:auto}

.reportRow{height:30px;line-height:28px;border:none;vertical-align:middle;width:400px;margin-top:10px;display:table-row}
.reportItem{width:250px;vertical-align:middle;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #555;border-right:1px solid #555;height:18px;line-height:18px;padding:3px;font-size:small;display:table-cell}
.reportBlankRow{height:10px;line-height:10px;border:none;vertical-align:middle;width:400px;margin-top:10px;display:table-row}
.reportBlankCell{height:30px;line-height:30px;border:none;vertical-align:middle;width:30px;margin-top:10px;display:table-cell}

.twoColumn{width:49%;float:left;}
.scrolling{overflow-y:scroll; overflow-x:none; max-height:300px;}

.dyno_coverImageHolder{max-height:60%; width:100%; display:block; text-align:center; margin-left:auto; margin-right:auto;}


.dasa_coverpage_banner{height:120px;border:1px solid #000;width:95%;padding:15px}
.dasa_coverpage_title{position:absolute;text-align:left;width:60%;top:30px;left:330px}

.dasa_coverpage_holder{height:80%;border:1px solid #000;padding:65px;position:absolute;top:171px;width:653px;height:70%;font-size:11pt;}

.dasa_coverImage{height:300px;max-width:100%;max-height:100%; border:1px solid black;}

.dasa_coverpage_title_red{font-size:11pt;color:#d82624}
.dasa_coverpage_title_grey{font-size:11pt;color:#666}

.dasa_coverImage{max-width:98%;max-height:98%;}/*  border:1px solid black;} */
.dasa_coverImageWide{max-width:655px;max-height:350px;}/*  border:1px solid black;} */
.dasa_coverImageTall{max-width:655px;max-height:350px;}/*  border:1px solid black;} */
/*.dasa_coverImageWide{max-width:755px;}/*  border:1px solid black;} */
/*.dasa_coverImageTall{height:675px;}/* border:1px solid black;} */
.dasa_coverImageHolder{max-height:60%; width:100%; display:block; text-align:center; margin-left:auto; margin-right:auto;}

.dasa_coverpage_footer{width:100%; text-align:center; position:absolute; top:65%; left:0px}

.dasa_handler_box{left:550px;border:1px solid #000; padding:5px; position:absolute;top:190px;width:225px;font-size:10pt;}

.coventry_letter{height:85%;border:1px solid #000; padding:5px; width:100% }

.cityfmdrawing_holder{text-align:center;width:790px;border:none;margin:0px;position:absolute;top:9%;height:790px;}
.cityfmdrawing_holder img{max-height:100%;width:790px;margin:1px;-moz-transform-origin:25% 125%;
-webkit-transform-origin:25% 125%;
-ms-transform-origin:25% 125%;
-o-transform-origin:25% 125%;
transform-origin:25% 125%;}

.cityfmdrawing_holder_long{text-align:center;width:790px;border:none;margin:0px;position:absolute;top:9%;height:940px;}
.cityfmdrawing_holder_long img{max-height:100%;margin:1px;-moz-transform-origin:25% 125%;

-webkit-transform-origin:25% 125%;
-ms-transform-origin:25% 125%;
-o-transform-origin:25% 125%;
transform-origin:25% 125%;}

p + p {margin-top: 2em;}
/*p {margin-bottom: 2em;}*/
.drawing_legend{text-align:center;position:absolute;top:92%;left:0px;width:100%;}
.cityfmHeading_address{text-align:center;position:absolute;top:3.2%;width:35%;right:45%}
.cityfmHeading_details{text-align:center;position:absolute;top:5.5%;width:35%;right:4%}
.cityfmHeading_llogo{top:2%;position:absolute;width:81px;left:30px}
.cityfmHeading_rlogo{top:2.2%;position:absolute;width:290px;right:4%}

/*New coding Form styles*/
.codingFormHeaderTable {border-collapse: seperate;border-spacing: 10px 4px;width:95%;margin-left:auto;margin-right:auto;/*width:29.7cm;*/font-size:7pt;}
.codingFormHeaderTable  tr {vertical-align:top;}
.fieldLabel {padding-top:7px;}
.dataField   {border:1px solid black;padding:2px;vertical-align:middle;height:14px;}
.codingFormTable   {width:95%;margin-left:auto;margin-right:auto;/*width:29.7cm;*/border-collapse: collapse;/*border:1px solid black;*/}
/*.codingFormTable  tr {font-size:9pt;vertical-align:top;}*/
.codeTableHeader	{border:1px solid black;background-color:#bbb;text-align:center;font-size: 11pt;padding:2px}
.codeTableHeaderRow {font-size:11pt !important;vertical-align:middle !important;}
.dataCell   {border:1px solid black;padding:2px;font-size: 9pt;vertical-align: top;}
.paddingCell {width:7%;}
.setup_row{font-size:1pt;}
.plus10{position:relative;left:10px;}
.plus20{position:relative;left:20px;}
.minus20{position:relative;left:-20px;}
.minus30{position:relative;left:-30px;}
.minus40{position:relative;left:-40px;}
.minus60{position:relative;left:-60px;}
.minus80{position:relative;left:-80px;}
.minus100{position:relative;left:-100px;}
.fourtyWide{width:40%;}
.twentyFiveWide{width:25%;}
.twentyWide{width:20%;}
.twelveWide{width:12%;}
.elevenWide{width:11%;}
.tenWide{width:10%;}
.nineWide{width:9%;}
.eightWide{width:8%;}
.sixWide{width:6%;}
.fiveWide{width:5%;}