body {
font-family:Arial,Verdana, sans-serif;
font-size: 12px;
color: #333333;
margin:0;
padding:0;
}
textarea {
overflow:auto;
}
#container {
width: 850px ;
/*width: 680px;*/
margin: 20px auto;
/*background: yellow;*/
}
#formtable {
/*background: green;*/
width: 100%;
height: 100%;
background-color: #fff;
}
#orderform {

}
.innertable {
margin: 0 auto;
/*background: pink;*/
}
.table1 {
float: left;
width: 285px;

}
.table2 {
float:right;
width: 285px;
}

.columns {
vertical-align: top;
/*width: 186px;*/
/*border:1px solid #121212;*/
/*background: aqua;*/
}

.right {
float:right;
font-style:italic;
}
.marginrt {
margin-right: 205px;
}
.bold {
font-weight: bold;
}
.heading {
width:75%;
/*margin-right: 105px;*/
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #ffffff;
background-color: #00749b;
float:left;
}
.hilite {
background-color:#92ae92;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #999;
float:left;
width:250px;

}
.logo img {
margin-top: 95px;
}
.formname {
font-size: 22px;
font-weight: bold;
color: #121212;
float:right;
margin: 0 0 0 0;

}
.spacer {
margin-right: 17px;
}
#return {
position:relative;
top: -20px;
width: 150px;
font-weight: bold;
font-size: 15px;
letter-spacing: -.06em;
margin:0 0 0 610px !important;
margin:0 0 0 540px;  

}
#return a {
color: #03739b;
text-decoration: underline;
}
#pdf a {
color: #03739b;
text-decoration: underline;
}
.custombutton {
padding:0;
margin:0;
border:none;
background:none;
cursor:pointer;
}
.botcolumns {
width:50%;
vertical-align: top;
border:1px solid #121212;
}
.commentrow {
vertical-align: top;
width:100%;
border: 1px solid #121212;
text-align: center;
}
/*----------------------------------------------*/
.col3 { /*col2 lotus*/
width: 450px;
float: left;
padding: 0 0 8px 2px;
}
.col3b {/*EXT NEF col2a*/
width: 100px;
float: right;
border:1px solid #121212;
padding: 0 0 8px 2px;
}
/*
.col2b {
width:340px;
margin-bottom: 10px;
}
*/
.col3a { /*col2c outlook*/
width: 335px;
float:left;
padding: 0 0 8px 2px;
}
.col3c { /*Ext PSST col3d*/
float: left;
width: 150px;
border:1px solid #121212;
padding: 0 0 8px 2px;
}
.col3d {/* Ext EML col3e*/
float: right;
width: 100px;
border:1px solid #121212;
margin: 0 115px 0 0;
padding: 0 0 8px 2px;
}
/*
.col2d {
width: 150px;
float:left;
padding: 0 0 8px 2px;
}
.col3 {
width: 300px;
float: right;
padding: 0 0 8px 2px;
}
*/
.col3f { /*Natic col3a*/
width: 300px;
border:1px solid #121212;
margin:10px 0 0 45px;
padding: 0 0 8px 2px;
}
.col3g { /*Email col3b*/
width: 300px;
border:1px solid #121212;
margin: 5px 0 0 45px;
padding: 0 0 8px 2px;
}
.col3h {/*Selected cont col3c*/
float:left;
width: 245px;
border:1px solid #121212;
margin:5px 0 0 45px;
padding: 0 0 8px 2px;

}
.col3i {/*was colf*/
float: right;
width: 125px;
padding: 0 0 8px 2px;
margin: 15px 0 0 0;
}
.col3j {/*was colg*/
float: left;
width: 100px;
padding: 0 0 8px 2px;
}
.col3k {
width: 150px;
float:right;
padding: 0 0 8px 2px;
}
.col3l {
width:150px;
float:left;
padding: 0 0 8px 2px;
}

/*----------------------------------------------*/
.col4 {
width:750px;
float: left;

padding: 0 0 8px 2px;
}
/*
.col5 {
width:200px;
float: right;
border:1px solid #121212;
padding: 0 0 8px 2px;
}
*/
.col6{
width:400px;

padding: 0 0 8px 2px;
}
.col6a{
width:100%;
margin: 0 0 0 120px;
padding: 0 0 8px 2px;
}
.col6b{
float:left;
width:170px;
margin: 0 0 0 0px;
padding: 0 0 8px 2px;
}
.col6c{
float:left;
width:170px;
margin: 0 0 0 0px;
padding: 0 0 8px 2px;
}
.col6d{
float:left;
width:170px;
margin: 0 0 0 0px;
padding: 0 0 8px 2px;
}
.col6e{
float:left;
width:170px; /*170px was rtp*/
margin: 0 0 0 0px;
padding: 0 0 8px 2px;
}
.col7 {
padding: 0 0 8px 2px;
}
.col8 {
float:left;
width: 260px;
padding: 0 0 8px 2px;
}
.col8a {
width: 240px;
float:right;
border:1px solid #121212;
padding: 0 0 8px 2px;
}
.col8b {
width: 240px;
float:right;
border:1px solid #121212;
padding: 0 0 8px 2px;
margin-right: 10px;
}
.col8c {
clear:both;
width: 100%;
padding: 0 0 8px 2px;
}
/*css for different items on image job ticket.Col8 MARK OPTIONS */
.col8img {
float:left;
width:530px;
padding: 0 0 8px 2px;
}

.col8imga {
float:left;
width:160px;
padding: 0 0 8px 2px;
}
.col8imgb {
float:left;
width:160px;
padding: 0 0 8px 2px;
}
.col8imgc {
float:left;
width:160px;
padding: 0 0 8px 2px;
}
.col8imgd {
float:left;
width:280px;
padding: 0 0 8px 2px;
}
.col8imge {
float:right;
width:135px;
padding: 0 0 8px 2px;
margin: -70px 0 0 0;
}
/*css for different items on image job ticket col8. MARK OPTIONS*/
.col9 {
float:left;
width: 240px;
padding: 0 0 8px 2px;
}
.col9a {
width: 240px;
float:left;
padding: 0 0 8px 2px;
margin-left: 20px;
}
.col9b {
width: 240px;
float:right;
padding: 0 0 8px 2px;
border:1px solid #121212;
}
.col9c {
float:right;
width: 200px;
padding: 0 0 8px 2px;
margin: 10px 45px 0 0;
}
/*css for different items on image job ticket.Col9 DOCUMENT OPTIONS*/
.col9img {
float:left;
width:600px;
padding: 0 0 8px 2px;
}

.col9imga {
float:right;
width:160px;
padding: 0 0 8px 2px;
}
.col9imgb {
float:left;
width:190px;
padding: 0 0 8px 2px;
}
.col9imgc {
float:left;
width:190px;
padding: 0 0 8px 2px;
}
.col9imgd {
float:left;
width:190px;
padding: 0 0 8px 2px;
}
.col9imge {
float:left;
width:200px;
padding: 0 0 8px 2px;

}
.col9imgf {
float:left;
width:200px;
padding: 0 0 8px 2px;
}
.col9imgg {
float:left;
width:180px;
padding: 0 0 8px 2px;
}
.col9imgh {
float:left;
width:380px;
padding: 0 0 8px 2px;
}
.col9imgi {
float:left;
width:180px;
padding: 0 0 8px 2px;
}
.col9imgj {
float:right;
width:160px;
padding: 0 0 8px 2px;
border: 1px solid #121212;
}
/*css for different items on image job ticket col9. DOCUMENT OPTIONS*/
/*css for different items on image job ticket. col10. PRODUCTION SPECIFICATIONS*/
.col10imga {
float:left;
width:320px;
padding: 0 0 8px 2px;
}

.col10imgb {
float:right;
width:100px;
padding: 0 0 8px 2px;
border: 1px solid #121212;
margin: -90px 0 0 0;
}
.col10imgc {
float:left;
width:350px;
padding: 0 0 8px 2px;
clear:left;
}
.col10imgd {
float:left;
width:150px;
padding: 0 0 8px 2px;
clear:left;
}
.col10imge {
float:left;
width:190px;
padding: 0 0 8px 2px;
}
* html .col10imge {
clear:both;
}
*:first-child+html .col10imge {
clear:both;
}
.col10imgi {
float:right;
margin: -50px 0 0 0;
}

.col10imgj {
float:left;
width:400px;
padding: 0 0 8px 2px;
margin-top: -245px;
margin-left: 20px;
}
* html .col10imgj {
margin: 0 40px 20px;
}
*:first-child+html .col10imgj {
margin: 0 40px 20px;
}
.col10imgf {
float:left;
width:300px;
padding: 0 0 8px 2px;
margin: 0px 0 0 0px;
clear:left;
}
.col10imgg {
float:left;
width: 410px;
padding: 0 0 8px 2px;
}
.col10imgh {
float:left;
width: 430px;
padding: 0 0 8px 2px;
}
.col10imgk {
border:1px solid #121212;
width: 375px;
margin: 10px 0 0 0;
padding: 0 0 8px 2px;
}
.col10imgkk {
border:1px solid #121212;
width: 375px;
margin: 10px 0 0 0;
padding: 0 0 8px 2px;
}
.col10imgm {
width:260px;
text-align:right;
margin: -55px 0 0 100px;
padding: 0 0 8px 2px;
}

.col10imgmm {
width:180px;
margin:-45px 0 0 100px;

}

/*css for different items on image job ticket col10. PRODUCTION SPECIFICATIONS*/
.col21 {
float:left;
}
.col22 {
float:left;
}