html, body 
{
    font-family: sans-serif;
    color: #084F8F;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.wrap 
{
    min-width: 760px;
    overflow: hidden; 
    margin:0 auto; 
}

 
.headerDiv
{
    /*max-width:100%;*/
    /*min-width:660px;*/
   /* min-height:50px;*/
    margin:0 auto;
    padding-top:10px;
    padding-bottom:10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#276CAD', endColorstr='#589DE2'); /* for IE */
    background: -webkit-gradient(linear,left top,left bottom,from(#276CAD),to(#589DE2));    /* for webkit browsers  */
    background: -moz-linear-gradient(top,  #276CAD,  #589DE2); /* for firefox 3.6+ */
    border-bottom:1px solid #276cad;     
}


.headerContentDiv
{
    width: 760px; 
    overflow:hidden;
    margin-right:auto;
    margin-left:auto; 
    background-color:transparent; 
    /*border:1px solid red;*/
    
}


.headerImageDiv
{
/*display: table-cell;
vertical-align: middle;
padding-left: 20px;
width: 380px;*/

}

.headerImage
{    
    /*float:right;*/
    max-height:100px; 
}




.content
{
    width: 760px; 
    margin: 0px auto; 
    margin-bottom: 20px; 
    padding: 10px 0px; 
    background-color: #ebf1f6;   
}

.bookingNumberArea
{
   background-color: White; 
   display: inline-block; 
   margin-left: 10px; 
   margin-bottom: 10px;
   padding: 5px 5px; 
   border: 1px solid #77B3EF; 
   font-style: italic; 
   font-weight: bold;
}

.bookingNumberForeColor
{
   color: #ef6a27;
}




.sectionStrip
{
    color:#FFFFFF;
    background-color: #77B3EF;
    font-size: 13px;
    padding: 5px;
    margin: 10px 0 6px 0px;
}



.instruction
{
    font-size: 13px;
    font-style:italic; 
    padding:5px 10px 20px 10px;
}


.lineEntryDiv
{
    clear: both;
    padding: 2px;
    padding-bottom:5px; 
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;   
 }

label
{
    font-size:13px;
}

.lineEntryDiv label
{
    display:inline-block;
    padding-left:0px;
    width: 120px;
    font-size: 13px;
    text-align:left; 
    vertical-align:middle;
}

.signature label
{
    width:120px;
}

div span
{
 font-size:13px;   
}


.disable
{
  background-color:transparent; 
}

    input[type=text][disabled="disabled"]
    {
      background-color:transparent; 
    }
          
    .padLeftRight
    {
        padding-left:10px;
        padding-right:10px;
    }
  
    .totalArea
    {
        border:1px solid #c2c2c2;  
        padding-left:1px;
        padding-top:1px;
    }
  
  .totalLineEntry
  {
      margin-bottom:3px;
  }
  
  .totalLabel
  {
      background-color:#D0DDF0;
      width:100px;
      display:inline-block;
      padding-left:5px;
  }      
  
  
.lineEntryDiv input[type="text"]
{ 
    vertical-align:middle;
    font-size:13px;
    height:20px;
    width:150px;
    padding-left:5px;
    border: 1px solid #c2c2c2;
}

.lineEntryDiv Div 
{
    display:inline-block;
}


.errorLabelTop
{
     font-size:13px; 
     margin-bottom:2px;
     vertical-align:middle; 
     color:Red;
     display:block;
}


.errorLabelRight
{
     font-size:13px;
     margin:0;
     padding:0;
     margin-left:10px;
     vertical-align:middle; 
     display:inline-block;
     color:Red;  
}


.generalInfo
{
   text-align:center;
   font-size:20px;
   line-height:100px;
}

.invoiceAddressInfo
{
   padding: 15px 0px 10px 10px;
   font-style: italic;
   font-size: 13px;
}
.verticalAlignMiddle
{
    vertical-align: middle;
}

.marginLeftRight10
{
   margin-left: 10px;
   margin-right: 10px;
}

select 
{
    width:159px;
    height:26px;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border:solid 1px #c2c2c2;
    font-size:13px;
    color:#666;
    vertical-align:middle;
 }

.radioButtonClass
{    
    font-size:13px;
    width:150px;
    padding-left:5px;
    vertical-align:middle;
}

.radioButtonClass label
{
    display:inline-block;
    padding-left:10px; 
    width: 20px;
    font-size: 13px;
    text-align:left; 
    vertical-align:baseline;
}

.notesArea
{     
    min-height:100px;                         
    min-width:100%;
    max-width:100%;
    box-sizing: border-box;         /* For IE and modern versions of Chrome */
    -moz-box-sizing: border-box;    /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
    background-color:transparent;
    border: 1px solid #C2C2C2;
    
}


footer
{
    margin-top:15px;
    padding-left:10px;
    padding-right:10px;
}

.button
{
     clear:both;
   width:150px;
    height:41px;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background:#77B3EF;
    font-size:14px;
    color:#fff;
    display:block;
    line-height:41px;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;  
    transition:all linear 0.2s;
    -o-transition:all linear 0.2s;
    -moz-transition:all linear 0.2s;
    -webkit-transition:all linear 0.2s;  
   border-style:none;   
   cursor:pointer;     
  }
    
.longButton
{
    width:200px;
}   

.button:hover
{
    background:#276CAD; 
    color:#FFF;
}

.buttonMargins
{
      margin-left:10px; 
      margin-right:10px; 
      margin-top: 20px;
}



.abc
{
    font-weight:bold;
}

p.err
{
    color:red; 
    /*border:solid 1px red;*/
    width:100%; 
    margin-top:0; 
    padding-top:0; 
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display:inline-block;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    
   font-size: 12px;
    line-height: 15px;
    padding: 4px 7px;      
}



#isAgencyInvolvedDiv.err, #haveYouAdvertisedDiv.err
{
   background:#ffe5e5;
   border:solid 1px red;
}

div.err span
{
    color:red;
}


div.err input[type="text"]
{    
    background:#ffe5e5;
    border:solid 1px red;
}

div.err select 
{
    background:#ffe5e5;
    border:solid 1px red; 
}

div.err input[type="radio"]
{
    background:#ffe5e5;
    border:solid 1px red;     
}



.watermarkClass
{
    color:#AAA;
}

.inlineBlock
{
    display:inline-block;
}


.productTable
{
    text-align: center;
    width: 100%; 
    margin-top: 15px;
    border:1px solid #c2c2c2;
    border-spacing:0px;
    padding:0px;
    margin-bottom:0;    
}

.rowClass, .rowClass td 
{
    background-color: transparent; /*  rgb(255, 0, 0); */
    text-align:left;
    border-bottom:1px solid white;
}

 
 .cellClassHeader
  {
    font-size: 13px; 
    text-align:left;                  
      padding:5px; 
      border:1px solid #ebf1f6;
      border-bottom-width:0;
      background-color: rgb(209, 224, 239);
  }
  
  .cellClass
  {
      font-size:13px;    
      padding:5px; 
      border:0px solid yellow;          
      border-right:0px solid green;  
  }
        
       
        .tcItemClass
        {
            clear:both;
            font-size:13px;
            text-decoration:none;
            color:#084F8F;                               
        }
        
label.long{width:100%;line-height:24px}
        
        .tcItemClass:hover
        {
            text-decoration:underline;
        }
        
        .tcView
        {
        }
        .tcView div
        {
            margin-bottom:10px;
        }


.privacy{display:block; margin-top:50px; margin-left:10px; font-size:13px;}
.privacy a
{
     margin-bottom:10px;
            clear:both;
            font-size:13px;
            /*text-decoration:none;*/
            color:#084F8F;
}



@media (min-width: 1024px) {
/*  .container {
    width: 960px;
    margin: 0 auto; }
    .container:after {
      content: " ";
      clear: both; }*/
}


/*@media (min-width: 680px) and (max-width: 1023px) */
@media (min-width: 680px)
{
 /* .wrap {
    overflow: hidden;
    width: 100%; }

.content
{
    width: 100%; 
}*/

  .banner img {
    max-width: 100%; }
    
  /*  p.err {
    width: 96%;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 4px 7px; }*/

    input[type="checkbox"] {
    float: left;
    width: 15px;
    height: 15px;
    margin: 3px 5px 0 0; }

   .lineEntryDiv {
   /* width: 47.5%;
    margin-right: 4%;*/ }
  
    .lineEntryDiv .errorLabelTop
    {
       display:none;
    }  
    .lineEntryDiv .errorLabelRight
    {
        display:inline-block;       
    }
     
     
    .signature
    {
        width:47.5%;       
    } 
          
    .signature .errorLabelTop
    {
        display:block;
    }
    
 
  .signature .errorLabelRight
  {
      display:none;
  }
       
}



/*@media (min-width: 240px) and (max-width: 679px) */
@media (max-width: 679px) 
{
/*  .wrap {
    overflow: hidden;
    width: 100%; }
    
.content
{
    width: 100%; 
}

*/
      
   .clear {
    clear: both; }


  /*body {
    font-size: 16px; }
*/

 .banner img {
    max-width: 100%; }    
    
    .lineEntryDiv .errorLabelTop
    {
        display:block;
    }  
    
    .lineEntryDiv .errorLabelRight
    {
        display:none;
    }


    .lineEntryDiv{
    width: 100%;
    margin-right: 0; }
    
    input[type="checkbox"] {
    float: left;
    width: 15px;
    height: 15px;
    margin: 3px 5px 0 0; }
    
   .button {
   /* width: 99%;   
    margin-left: 0;*/
    margin-top: 20px; 
 }
    
   /* p.err {
    width: 96%;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 4px 7px; }  */   
}