/*
	Target Aviation Photography
*/

/* LINKS */
a { color: #ffffff; }
a:hover { color: #000080; background-color: #cccccc;}
a:active { color: #3333FF; }

img.thumb-nail {width:240px; border-width: 2px; border-style: solid; max-width: 100%; height: auto; }  /* not found on iPhones */


.body-template {color: #ffffff; font-size: 13px; font-family: arial; font-weight: bold; text-align: left; height: 20px; padding: 1px; background-color: #3D4757; margin-left: 0;  margin-top: 0;  margin-width: 0;  margin-height: 0; }

.body-box {background-color: #A4B2B1; padding: 1px; text-align: left; color: #ffffff;}

.link-box {color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; text-align: left; height: 20px; padding: 2px;}

.heading-box {color: #ffffff; font-size: 13px; font-family: arial; font-weight: bold; text-align: left; height: 20px; padding: 1px; }

.text-box {color: #ffffff; font-size: 13px; font-family: arial; font-weight: normal; text-align: left; height: 20px; padding: 1px; }

.image-box {background-color: #A8A8A8; padding: 3px; text-align: center; }

.caption-box {background-color: #575757; color: #ffffff; font-size: 13px; font-family: arial; font-weight: normal; text-align: left; height: 20px; padding: 4px; }

/* c) Floats */
.float-l {float:left;} 
.float-r {float:right;}

.pr-3{padding-right: 3px;}
.pl-3{padding-left: 3px;}
.pt-3{padding-top: 3px;}
.pb-3{padding-bottom: 3px;}

.pr-6{padding-right: 6px;}
.pl-6{padding-left: 6px;}
.pt-6{padding-top: 6px;}
.pb-6{padding-bottom: 6px;}

.pr-8{padding-right: 8px;}
.pl-8{padding-left: 8px;}
.pt-8{padding-top: 8px;}
.pb-8{padding-bottom: 8px;}

.pl-10{padding-left: 10px;}

.image-panel {background-color: #A8A8A8; color: #ffffff; border-color: #3D4757; font-size: 13px;  padding: 1px;  padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;}

/* a) Widths */
.w-25{width: 25%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-80{width: 80%;}
.w-90{width: 90%;}
.w-94{width: 100%;}
.w-95{width: 100%;}
.w-100{width: 100%;}

.w-160{width: 160px;} 
.w-200{width: 200px;} 
.w-240{width: 240px;} 
.w-270{width: 270px;} 
.w-360{width: 360px;}

/* b) Heights */
.h-25{height: 25px;}
.h-30{height: 30px;}
.h-40{height: 40px;}
.h-50{height: 50px;}
.h-60{height: 60px;}

/* Foreground/text colours */
.fg-blue {color: #4480f8;}
.fg-turquoise {color: #ccf5ff;}
.fg-black {color: #000000;}
.fg-orange {color: #fcb12d;}
.fg-yellow {color: #FFFF00;}
.fg-red {color: #B90D26;}
.fg-grey {color: #C0C0C0;}

.caption-color {background-color: #575757; color: #ffffff; border-color: #B90D26;}
.image-color {background-color: #A8A8A8; color: #ffffff; border-color: #B90D26;}

/* Headings */
.hd-8{font-size: 3.2vw; font-family: arial; font-weight: bold;} 	/*was 36px  */
.hd-7{font-size: 32px; font-family: arial; font-weight: bold;}	 	/*was 32px  */
.hd-6{font-size: 2.5vw; font-family: arial; font-weight: bold;}	 	/*was 28px  */
.hd-5{font-size: 2.4vw; font-family: arial; font-weight: bold;} 	/*was 24px  */
.hd-4{font-size: 20px; font-family: arial; font-weight: bold;} 	    /*was 20px  1.8 vw too small*/
.hd-3{font-size: 18px; font-family: arial; font-weight: bold;} 		/*was 18px   1.5vw too small*/
.hd-1{font-size: 11px; font-family: arial; font-weight: bold;}		/*was 10px  0.8vw too small */

/* c) Font Sizes */
.fz-25{font-size: 25px;}

/* FONT STYLING */
.fw-n {font-weight: normal;} .fw-b {font-weight: bold;}
.fs-n {font-style: normal;} .fs-i {font-style: italic;}

.bg-caption {background-color: #575757; font-weight: normal;}
.bg-blue {background-color: #333399;} 
.tx-text {background-color: #ffffff; color: #575757; font-size: 13px; font-family: arial; font-weight: normal;}
.bg-grey {background-color: #7C7C7C;} 
.bg-black {background-color: #333333;} 
.bg-header {background-color: #A4B2B1;} 
.bg-image {background-color: #efebeb; color: #000000; font-size: 13px; font-family: arial; font-weight: normal;}


/* d) Text Alignment */
.va-c{vertical-align: middle;} 
.va-t{vertical-align: top;}
.va-b{vertical-align: bottom;}
.ta-l{ text-align: left;} 
.ta-c{ text-align: center;} 
.ta-r{ text-align: right;}
.ta-j{ text-align: justify;} 






/* d) Margins */
.mb-1{margin-bottom: 1px;} .mb-2{margin-bottom: 2px;} .mb-3{margin-bottom: 3px;} .mb-4{margin-bottom: 4px;} .mb-5{margin-bottom: 5px;} .mb-6{margin-bottom: 6px;} .mb-7{margin-bottom: 7px;} .mb-8{margin-bottom: 8px;} .mb-9{margin-bottom: 9px;} .mb-10{margin-bottom: 10px;} .mb-11{margin-bottom: 11px;} .mb-12{margin-bottom: 12px;} .mb-13{margin-bottom: 13px;} .mb-14{margin-bottom: 14px;} .mb-15{margin-bottom: 15px;} .mb-16{margin-bottom: 16px;} .mb-17{margin-bottom: 17px;} .mb-18{margin-bottom: 18px;} .mb-19{margin-bottom: 19px;} .mb-20{margin-bottom: 20px;} .mb-21{margin-bottom: 21px;} .mb-22{margin-bottom: 22px;} .mb-23{margin-bottom: 23px;} .mb-24{margin-bottom: 24px;} .mb-25{margin-bottom: 25px;} .mb-26{margin-bottom: 26px;} .mb-27{margin-bottom: 27px;} .mb-28{margin-bottom: 28px;} .mb-29{margin-bottom: 29px;} .mb-30{margin-bottom: 30px;} .mb-31{margin-bottom: 31px;} .mb-32{margin-bottom: 32px;} .mb-33{margin-bottom: 33px;} .mb-34{margin-bottom: 34px;} .mb-35{margin-bottom: 35px;} .mb-36{margin-bottom: 36px;} .mb-37{margin-bottom: 37px;} .mb-38{margin-bottom: 38px;} .mb-39{margin-bottom: 39px;} .mb-40{margin-bottom: 40px;}
.mt-1{margin-top: 1px;} .mt-2{margin-top: 2px;} .mt-3{margin-top: 3px;} .mt-4{margin-top: 4px;} .mt-5{margin-top: 5px;} .mt-6{margin-top: 6px;} .mt-7{margin-top: 7px;} .mt-8{margin-top: 8px;} .mt-9{margin-top: 9px;} .mt-10{margin-top: 10px;} .mt-11{margin-top: 11px;} .mt-12{margin-top: 12px;} .mt-13{margin-top: 13px;} .mt-14{margin-top: 14px;} .mt-15{margin-top: 15px;} .mt-16{margin-top: 16px;} .mt-17{margin-top: 17px;} .mt-18{margin-top: 18px;} .mt-19{margin-top: 19px;} .mt-20{margin-top: 20px;} .mt-21{margin-top: 21px;} .mt-22{margin-top: 22px;} .mt-23{margin-top: 23px;} .mt-24{margin-top: 24px;} .mt-25{margin-top: 25px;} .mt-26{margin-top: 26px;} .mt-27{margin-top: 27px;} .mt-28{margin-top: 28px;} .mt-29{margin-top: 29px;} .mt-30{margin-top: 30px;} .mt-31{margin-top: 31px;} .mt-32{margin-top: 32px;} .mt-33{margin-top: 33px;} .mt-34{margin-top: 34px;} .mt-35{margin-top: 35px;} .mt-36{margin-top: 36px;} .mt-37{margin-top: 37px;} .mt-38{margin-top: 38px;} .mt-39{margin-top: 39px;} .mt-40{margin-top: 40px;}
.ml-1{margin-left: 1px;} .ml-2{margin-left: 2px;} .ml-3{margin-left: 3px;} .ml-4{margin-left: 4px;} .ml-5{margin-left: 5px;} .ml-6{margin-left: 6px;} .ml-7{margin-left: 7px;} .ml-8{margin-left: 8px;} .ml-9{margin-left: 9px;} .ml-10{margin-left: 10px;} .ml-11{margin-left: 11px;} .ml-12{margin-left: 12px;} .ml-13{margin-left: 13px;} .ml-14{margin-left: 14px;} .ml-15{margin-left: 15px;} .ml-16{margin-left: 16px;} .ml-17{margin-left: 17px;} .ml-18{margin-left: 18px;} .ml-19{margin-left: 19px;} .ml-20{margin-left: 20px;} .ml-21{margin-left: 21px;} .ml-22{margin-left: 22px;} .ml-23{margin-left: 23px;} .ml-24{margin-left: 24px;} .ml-25{margin-left: 25px;} .ml-26{margin-left: 26px;} .ml-27{margin-left: 27px;} .ml-28{margin-left: 28px;} .ml-29{margin-left: 29px;} .ml-30{margin-left: 30px;} .ml-31{margin-left: 31px;} .ml-32{margin-left: 32px;} .ml-33{margin-left: 33px;} .ml-34{margin-left: 34px;} .ml-35{margin-left: 35px;} .ml-36{margin-left: 36px;} .ml-37{margin-left: 37px;} .ml-38{margin-left: 38px;} .ml-39{margin-left: 39px;} .ml-40{margin-left: 40px;}
.mr-1{margin-right: 1px;} .mr-2{margin-right: 2px;} .mr-3{margin-right: 3px;} .mr-4{margin-right: 4px;} .mr-5{margin-right: 5px;} .mr-6{margin-right: 6px;} .mr-7{margin-right: 7px;} .mr-8{margin-right: 8px;} .mr-9{margin-right: 9px;} .mr-10{margin-right: 10px;} .mr-11{margin-right: 11px;} .mr-12{margin-right: 12px;} .mr-13{margin-right: 13px;} .mr-14{margin-right: 14px;} .mr-15{margin-right: 15px;} .mr-16{margin-right: 16px;} .mr-17{margin-right: 17px;} .mr-18{margin-right: 18px;} .mr-19{margin-right: 19px;} .mr-20{margin-right: 20px;} .mr-21{margin-right: 21px;} .mr-22{margin-right: 22px;} .mr-23{margin-right: 23px;} .mr-24{margin-right: 24px;} .mr-25{margin-right: 25px;} .mr-26{margin-right: 26px;} .mr-27{margin-right: 27px;} .mr-28{margin-right: 28px;} .mr-29{margin-right: 29px;} .mr-30{margin-right: 30px;} .mr-31{margin-right: 31px;} .mr-32{margin-right: 32px;} .mr-33{margin-right: 33px;} .mr-34{margin-right: 34px;} .mr-35{margin-right: 35px;} .mr-36{margin-right: 36px;} .mr-37{margin-right: 37px;} .mr-38{margin-right: 38px;} .mr-39{margin-right: 39px;} .mr-40{margin-right: 40px;}



/* TABLE STYLING */

/* a) Borders */
.b-a{border:2px solid rgb(128, 128, 128);} .b-r{border-right:2px solid rgb(128, 128, 128);} .b-l{border-left:2px solid rgb(128, 128, 128);} .b-t{border-top:2px solid rgb(128, 128, 128);} .b-b{border-bottom:2px solid rgb(128, 128, 128);}  .b-bf{border-bottom:1px solid rgb(128, 128, 128);}

/* b) Border Colours */
.b-color-black *{ border-color: #000; }
.b-color-green * {border-color:darkgreen;}




/*
The PDF script renders sizes, text, colors etc differently to a browser
The class of .table-width is wrapped around the pdf output to allow alternate styling for above class names.
*/
.table-width{width:1200px;}
.table-width td {font-size: 11px;}
.table-width .b-a, .table-width .b-r, .table-width .b-l, .table-width .b-t, .table-width .b-b{ border-width: 1px; }