/* 
    Created on : Feb 3, 2014, 10:14:17 AM
    Author     : wreichard
*/

@media print {
    #content {
        border: none;
        background-color: white;
        margin-left: -450px;
    }
    .container-top-section {
        margin-left: 4%;
        color: black;
    }  
    .header-logo {
        clear: both;
    }
    .nodealer-logo {
        width           : 230px;
        margin-right    : 10px;        
        margin-top      : 6px;
    }    
    .dealer-logo {
        width           : 300px;
        margin-right    : 12px;        
        margin-top      : 12px;
    }     
    .header-logo img {
        width       : 18%;
        margin-right: 75px;
    }
    .header-text {
        float       : left;
        font-weight : bolder;
        margin-left : 26px;
    }     
    .header-large {
        font-size: 24px;
        margin-top: 8px;
        margin-right: 60px;
    }     
    .container-instructions {
        display: none;
    }
    .container-left {
        padding-left: 20px;
        width: 355px;
    }    
    .container-left img {
        display: none;
    }
    .container-left label {
        margin-left: 25px;
    }
    .container-left button {
        display: none;
    } 
    .container-left input {
        border: none;
        margin-left: 25px;
    }
    .ui-selectmenu-button {
        margin-left: 25px;
        width: 270px !important;
    }
    .container-right {
        width: 525px;
    }
    .container-right label {
        margin-top: 15px;
    }
    .license-logo img {
        margin-right: 50px;
    }    
    .container-bottom-button {
        display: none;
    }
    .ssa-help-image {
        display: none !important;
    }    
    .error-status {
        display: none;
    }
    .mac-1080-help {
        display: none;
    }
    .license-block {
        width: 98%;
    }
    label {
        font-size: 11px;
    } 
    .container-left label {
        width: 83%;
    } 
    .container-left input {
        width: 85%;
    }
    .license-key-bottom {
        display: none;
    } 
    .license-status-bottom {
        display: none;
    }
    .license-status-top {
        float           : right;
        width           : 50%;
        margin-right    : 75px;
    }
    .license-status-top a {
        display: none;
    }
    input[type=text_key] {
        font-weight : bold; 
        font-size   : 14px;
        width       : 40%;
        text-align  : center;
    }
    #added_features_section {
        margin-top: 15px;
    }
    .container-bottom-legal {
        display: none;       
    }
    .required-field {
        display: none;
    }
    .mktg-ok {
        display: none;
    }
    .camera-qty-table {
        margin-top: -20px;
        margin-left: 20px;
        margin-bottom: 10px;
    }
    .license-text {
        width: 100%;
        display: inline-block;
    }
    .license-key-label-top {
        margin-top: 60px;
        margin-left: 0px;
    }
    .copy-key {
        display : none;
    }
    .warning {
        margin-bottom : 18px;
    }
    .mktg-chk {
        width   : 20px !important;
    }    
}

@media screen {
    #content {
        border: 1px solid lightgrey;
        border-radius: 5px;
        box-shadow: 3px 3px 5px lightgrey;
        margin-left: -450px;
    }
    .header-text {
        float           : left;
        font-weight     : bolder;
        margin-left     : 10px;
        margin-top      : 8px;
    } 
    .nodealer-logo {
        width           : 300px;
        margin-right    : 10px;        
        margin-bottom   : 4px;
    }    
    .dealer-logo {
        width           : 320px;
        margin-right    : 12px;        
        margin-top      : 12px;
    }     
    .instruction-text {
        margin-top      : 8px;
    }
    #instructions_02 {
        margin-top      : -6px;
    }
    .container-top-section {
        margin-bottom: 10px;
        margin-left: 5px;
        background: url("images/ui-bg_highlight-soft_55_007ac3_1x100.png") repeat-x scroll 50% 50% #007AC3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px; 
        color: white;
    }
    .header-large {
        font-size   : 30px; 
        float       : left;
        margin-left : 5px; 
        color       : #007ac3;
    }
    .header-small {
        font-size     : 10px;  
        float         : left;
        clear         : both;
        margin-left   : 5px;
    }
    .header-dealer {
        font-size     : 11px;
    }
    .container-left {
        padding-left: 15px;
        width       : 375px;
    }
    .container-instructions {
        margin-top  : 80px;
        margin-left : 15px;
        width       : 830px;
    }
    #instructions_01 {
        margin-bottom: 15px;
    }
    .required-field {
        display: inline-block;
        width: 1.6%;
        color: #007ac3;
        font-weight: bolder;        
        font-size: 14px;
    }
    .required-field-act {
        margin-left : 31px;
    }
    input[type=text] {
        text-align: center;
    }    
    input[type=email] {
        text-align: center;
    }     
    .container-left img {
        position: relative;
        top: 4px;
        margin-left: 8px;
        border: none;
    } 
    .error-status {
        display     : inline-block;
        clear       : both;
        text-align  : left;
        margin-left : -10px;
        font-size   : 11.5px;
        width       : 50%;
    }
    .mac-help {
        width:100%;
        font-weight: bolder;
        display: block;
        font-size: 11px;
    }
    .mac-help-clear {
        margin-top  : 5px;
    }
    .container-right {
        width       : 505px;
        margin-left : -10px;
    }    
    .container-right label {
        margin-top: 5px;
    }
    .container-bottom-button {
        width: 98%;
        height: 40px;
        margin-top: 15px;
        float: left;
        background: url("images/ui-bg_highlight-soft_55_007ac3_1x100.png") repeat-x scroll 50% 50% #007AC3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        margin-left: 10px;
        clear: both;
    }                
    .container-bottom-button button{
        cursor: pointer;
        border: 2px solid darkgray;
        border-radius: 5px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 4.5px;
        margin-bottom: 10px;
    }
    .container-bottom-legal {
        clear: both;
        width: 98%;
        float: left;
        height: 22px;
        margin-top: 5px;
        margin-left: 10px;
        background: url("images/ui-bg_highlight-soft_55_007ac3_1x100.png") repeat-x scroll 50% 50% #007AC3;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -o-border-radius: 5px;
       -ms-border-radius: 5px;
       -khtml-border-radius: 5px;
        border-radius: 5px;        
    }
    .container-legal {
        color           : white;
        margin-top      : 3px;
    } 
    .legal-left {
        float           : left;
        margin-left     : 15px;
    }
    .legal-right {
        float           : right;
        margin-right    : 15px;        
    }     
    .no-close .ui-dialog-titlebar-close {
        display: none;
    }
    .status-image-warn {
        display: none;
        float: left;
    }
    .tl-camera-qty {
        font-weight     : bold;
        margin-left     : 5px; 
    }
    .status-image {
        visibility: hidden;
        width: 11px;
        margin-bottom: 3px;
    } 
    .left-div {
        float: left;
    }
    .new-label {
        margin-right    : 21px;
    }
    .right-div {
        float           : right;
        margin-right    : 220px;
    }
    .mac-help-image {
        margin-right    : 195px;
        width           : 15px;
        margin-bottom   : 1px;
        float           : right;
        border          : none;
    } 
    .act-help {
        display: none;
    }
    .act-help-image {
        float: left;
        margin-left: 10px;
        margin-top      : 7px;
    }
    .mac-1080-help {
        display: none;
    } 
    .license-block {
        width: 98%;
    }
    label {
        font-size: 11px;
    } 
    .container-left label {
        width: 83%;
    } 
    .container-left input {
        width: 85%;
    }
    .camera-div {
        width: 36%;
    }
    .camera-label-div {
        width: 392px;
    }
    .left-label {
        float: left;
    }
    .right-label {
        float: right;
    }
    .camera-qty-table {
        margin-left: 12px;
    }     
    .camera-qty-label {
        font-size: 11px;
        font-weight: bold;
        float: right;
    }    
    .container-left .camera-qty {
        width: 70px;
    }
    .reduce-top-margin {
        margin-top: -12px;
    }
    .added-features-section {
        margin-left: 51px;
    }
    .added-features-top {
        margin-top: 10px;
    }    
    .new-text {
    }
    #left-column_act select {
        outline     : none !important;
        border      : 2px solid #555568;
        padding-top : 1px;
    }
    #required_field_mail {
        margin-left: 3px;
    }
    /*
    .mktg-label {
        font-size   : 9.4px;
        margin-top  : 6px !important;
    }
    */
    .mktg-ok {
        margin-left : -5px;
        margin-top  : 5px;
        width       : 800px;
    }
    .radio-label {
        vertical-align: 3px;
        font-size: 12px;
        font-weight: normal;
    }
    .privacy-stmt {
        margin-top  : 6px;
        margin-left : 8px;
    }
    .container-left .receive-mktg {
        width: 5%;
        float: left;
        margin-left: -2px;
    }
    .address-info {
        padding-top     : 5px;
        border-style    : solid;
        border-width    : 2px;
        border-color    : #007AC3;
        border-radius   : 8px;
        margin-left     : -10px;
        width           : 90%;
        padding-bottom  : 10px;
    }
    .address-info label {
        margin-left: 10px;
    }
    .address-info input {
        margin-left: 10px;
        width: 310px;
    }
    .dlr-address {
        margin-top: -28px;
    }
    .eu-address {
        margin-top: 10px;
    }    
    #start_over {
        margin-left: 5px;
    }
    #submit_button {
        float: right;
        margin-right:5px;
    }
    .ui-menu {
        font-size   : 11px;
    }
    .ui-selectmenu-button {
        width       : 293px !important;
        margin-left : 10px;
        font-size   : 11px;
    }
    #country {
        width       : 315px;
        margin-left : 11px;
    }
    .print-page {
        margin-left : 1.5px; 
        display     : none;
    }
    .print-div {
        display: inline;
    } 
    .finish-button {
        margin-left: 5px;
        display:none;
    }
    .license-key-bottom {
        display: none;
    }
    .download-pdf {
        float: right;
        margin-right: 5px;
        display: none;
    }
    .license-status-bottom {
        display: none;
    }
    #status_image_mac {
        margin-left     : 4px;
    }  
    input[type=text_key] {
        font-weight : bold; 
        font-size   : 14px;
        width       : 340px;
        text-align  : center;        
    }
    .no-display {
        display : none;
    }
    .act-help-div {
        margin-top: 25px;
    }
    #email_label {
        margin-top: 10px;
    }
    .license-logo {
        display   : inline-block;
    }
    .license-text {
        width: 118%;
        display: inline-block;
    } 
    .license-key-label-top {
        display: none; 
        margin-top: 30px;
        margin-left: -10px;
    }
    .ui-widget-content a {
        outline:none;
    }
    h3 p {
        margin-left : 5px;
    }
    .eligible-table  {
        border          : 1px solid black;
        border-collapse : collapse;
        padding         : 5px;
        font-size       : 10px;
        text-align      : center;
    }
    .warning {
        font-weight : bolder;
        margin-bottom: 8px;
    }
    .max-ip-msg {
        margin-left : 5px;
    }
    .copy-key {
        margin-top  : 5px;
        float       : right;
        margin-right: 91px;
        font-size   : 11px;
    }
    #email {
        width       : 82.5%;
    }

    input[type='radio'] {
      -webkit-appearance:none;
      width:15px;
      height:15px;
      border:1px solid darkgray;
      border-radius:50%;
      outline:none;
      box-shadow:0 0 5px 0px gray inset;
    }    
    input[type='radio']:hover {
      box-shadow:0 0 5px 0px #007AC3 inset;
    }    
    input[type='radio']:checked:before {
      background: #007AC3;
    } 
    input[type='radio']:before {
      content:'';
      display:block;
      width:60%;
      height:60%;
      margin: 20% auto;    
      border-radius:50%;    
    } 
    .cs-select {
        margin-left : 10px;
        width       : 633px;
    }
    .select-text {
        text-align  : center !important; 
        padding-left: 13px;
    }
    .dlr-state {
        margin-top: 5px;
    }
    .modal {
        display:    none;
        position:   fixed;
        z-index:    1000;
        top:        0;
        left:       0;
        height:     100%;
        width:      100%;
        background: rgba( 255, 255, 255, .1 ) 
                    url('images/loading.gif') 
                    49% 50% 
                    no-repeat;
    }
    /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
    body.loading {
        overflow: hidden;   
    }
    /* Anytime the body has the loading class, our modal element will be visible */
    body.loading .modal {
        display: block;
    }     
}

@media only screen and (min-device-width : 1080px) {
    .mktg-chk {
        width   : 20px !important;
    }     
}

@media only screen and (max-device-width : 1080px) {
    .modal {
        display:    none;
        position:   fixed;
        z-index:    1000;
        top:        0;
        left:       0;
        height:     95%;
        width:      90%;
        background: rgba( 255, 255, 255, .1 ) 
                    url('images/loading.gif') 
                    49% 50% 
                    no-repeat;
        background-size : 150px; 
    }    
    .license-logo {
        display         : none;
    }    
    #content {
        margin-left     : -465px;
    }
    .nodealer-logo {
        width           : 280px!important;
        margin-top      : 12px;
    }    
    .dealer-logo {
        width           : 280px;
        margin-top      : -124px;
    }    
    .header-text {
        margin-top      : 15px;
        font-size       : 40px;
        margin-right    : 12px;
    }
    .header-large {
        font-size: 34px;
    }
    .header-small {
        font-size      : 26px;
        margin-top     : 15px;
        margin-bottom  : 0px;
    }
    .free_lic_instr {
        font-size: 28px;
    }
    .eligible-cameras {
        font-size: 28px;
    }
    .instruction-text {
        font-size: 28px;
    }
    .new-text {
        margin-top: 15px;
    }
    #new_text label {
        font-size: 28px;
    }    
    .header-dealer {
        font-size       : 24px;
        margin-top      : 15px;
        margin-botton   : 15px;
    }
    #current_date {
        display         : none; 
    }
    .container-instructions {
        font-size       : 18px;
    } 
    .dialog-button-text {
        font-size       : 35px;
    }
    .mac-help {
        display         : none;
    }
    .mac-1080-help {
        display         : inline;
    }    
    .mac-help-image {
        width           : 35px;
        border          : none;
        margin-right    : 95px;
        margin-top      : 8px;
    }
    .camera-qty-table {
        margin-left: 0px;
    }
    .camera-qty-label {
        font-size: 30px;
        font-weight: bold;
        float: right;
    }       
    .container-left {
        width           : 100%;
        margin-top      : 15px;
    }  
    .container-left input {
        font-size       : 36px;
        width           : 80%;
    }
    .container-right {
        width           : 100%;
    }
    #current_features_logo {
        display         : none;
    }
    #new_features_logo {
        display         : none;
    }
    .address-info {
        margin-top      : 15px;
        padding-left    : 10px;
    }
    .mac-features {
        font-size       : 28px;
    }
    .license-block {
        width           : 100%;
        margin-top      : 20px;
        margin-left     : 20px;
    }
    .required-field-act {
        margin-left : 80px !important;
    }
    .address-info input {
        width       : 95%;
    }
    .container-left .camera-qty {
        width       : 120px;
        height      : 50px;
        font-size   : 35px;
        margin-left : 10px;
    }
    .container-left .camera-qty option {
        font-size: 18px;
    } 
    .cs-select select {
        height      : 45px;
        width       : 775px !important;
        font-size   : 35px;
    }
    .cs-select select option {
        font-size: 18px;
    }     
    .tl-camera-qty {
        font-size: 35px;
    }
    #email_label {
        margin-left: 10px;
    }
    #required_field_mail {
        margin-left: 10px;
    }
    #email {
        width: 86%;
        margin-left: 7px;
    }
    label {
        font-size       : 11px;
    }
    input[type='checkbox'] {
        width       : 50px;
        height      : 50px;
    }
    .mktg-ok {
        margin-left: 5px;
        margin-top: 15px;
    }
    .mkt-label {
        width       : 90% !important;
        margin-left : 15px;
    }
    .container-left label {
        width           : 83%;
        font-size       : 25px;
    }
    .container-instructions {
        font-size       : 32px;
    }
    .act-help {
        font-size       : 25px;
    }
    .act-help-image {
        margin-right    : 200px;
        margin-top      : 1px;
    }  
    .required-field {
        font-size       : 24px;
        margin-left     : -40px;
    }
    .ui-icon {
        display         : none;
    }
    .added-features-section {
        margin-left : 25px;
        margin-top  : 10px;
    }
    .container-bottom-button {
        height          : 100px;
        width           : 98%;
    }                
    .container-bottom-button button {
        font-size       : 34px;
        margin-top      : 12px;
        margin-left     : 10px;
    }
    .container-bottom-legal {
        height          : 75px;
        width           : 98%;
    } 
    .container-legal {
        margin-top      : 3px;
        font-size       : 45px;
    } 
    .legal-left {
        float           : left;
        margin-left     : 15px;
    }
    .legal-right {
        float           : right;
        margin-right    : 15px;        
    }    
    #start_over {
        margin-left     : 10px;
        width           : 350px;
        padding-left    : 18px;
    }
    #submit_button {
        margin-right    : 10px;
        padding-left    : 20px;
        width           : 445px;
    } 
    .left-div {
        width           : 65%;
    }
    .right-div {
        margin-right    : 280px;
        margin-top      : 3px;
    }
    .ssa-help-image {
        width           : 25px;
    }
    .error-status {
        width           : 95%;
        margin-left     : 5px;
        font-size       : 22px;
        margin-top      : 22px
    }
    .ui-widget {
        font-size       : 25px;
    }
    .ui-selectmenu-button {
        width           : 75% !important;
    }
    #country {
        width           : 75% !important;
    }    
    .print-div {
        display         : none;
    } 
    .finish-button {
        margin-left     : 10px;
        width           : 250px;
    }
    .license-key-top {
        display         : none;
    } 
    .license-key-bottom {
        display         : inline-block;
        width           : 800px;
        margin-left     : 15px;
        margin-bottom   : 18px;
    }
    .license-key-label-bottom {
        display         : none;
        font-size       : 25px; 
        width           : 100%;
    }
    .license-key-data-bottom {
        font-weight     : bold;
        font-size       : 28px;
        display         : none;
        width           : 100%;
    }
    .download-pdf {
        margin-right    : 10px;
    }
    .license-status-top {
        display         : none;
    }  
    .license-status-bottom {
        display         : inline-block;
    } 
    #license_status_bottom {
        margin-top      : 100px;
    }
    /*
    #status_image_mac {
        display         : none;
    }
    */
    .new-mac {
        font-size   : 25px;
    }
    .ui-dialog .ui-dialog-title {
        font-size   : 45px;
    }
    .dialog-text {
        font-size   : 35px;
    }
    input[type=text_key] {
        width       : 105% !important;
        text-align  : center;
        font-weight : bold;
        font-size   : 38px;
        font-family : monospace;
    }
    #email_label {
        margin-top  : 30px;
    }
    .status-image {
        width       : 25px;
    }
    .mac-features {
        margin-left : 10px;
    }
    #license_status_bottom {
        margin-top  : 15px;
        font-size   : 25px;
    }
    .privacy-stmt {
        font-size: 27px;
    }
    .error-status {
        font-size: 30px;
    }
}

@media screen,print {
    body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    .header-logo img {
        float   : right;
    }
    label {
        font-weight: bold;
    }  
    #content {
        padding: 10px;
        width: 900px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 25px;
    }
    .container-top-section {
        width: 97%;
        float: left;
        padding-left: 10px;
        margin-left: 12px;
        margin-top: 2px;
    } 
    /*
    .container img {
        position: relative;
        border: none;
    }
    */
    .current-license {
        height: 60px;
    }
    .container-left {
        float: left;
        clear: both;
    }
    .container-left label {
        display: inline-block;
        margin-top: 5px;
        text-align: left;
    }                
    .container-left input {
        display: inline-block;
        margin-top: 5px;
    }
   .container-right button {
        width: 22px;
        height: 22px;
        font-weight: bold;
        cursor: pointer;
    }
    .container-right {
        float: left;
    }
    /*
    .container-right label {
        display: inline-block;
        width: 98%;
        clear: both;
        text-align: left;
    }
    */
    /*
    .container-right img {
        position: relative;
        top: 4px;
        margin-left: 8px;
        border: none;
    }
    */
    .camera-qty-table td {
        padding-top: 10px;
        padding-left: 5px;
    }
    .camera-qty-table {
        padding-bottom: 5px;
    } 
    .ssa-help-image {
        display: none;
    }
    .license-block {
        display:inline-block;
    }
    .mac-features {
        text-align: left;
        display: none;
    }
    .mac_features label {
        font-weight: bolder;
    }
    .new-mac {
        margin-top      : 28px;
    }
    .license-logo {
        width           : 100px;
        margin-left     : 10px;
        vertical-align  : bottom;
    }
    /*
    .license-logo img {
        position: relative;
        margin-left: 0px;
        top: auto;
        float: right;
        border: none;
        display: none;
        vertical-align: top;
    }
    */
    .code-help {
        width: 100%;
    }
    /*
    .container-right input {
        display: inline-block;
        width: 100%;
        clear: both;
        margin-top: 5px;
        font-size: 12px;
    }
    */
    .container-bottom {
        width: 500px;
        float: left;
        padding-left: 175px;
        padding-top: 20px;
    }
    .container-bottom label {
        display: inline-block;
        width: 30%;
        clear: both;
        margin-top: 5px;
        text-align: right;                    
    }
    .status-image-warn {
        display: none;
    }
    .free_lic_instr {
        margin-bottom: 5px;
    }
    #hidden {
        display: none;
    }
    .mkt-label {
        vertical-align  : top;
        margin-top      : 4px !important;
    }
}

@media mpdf {
    body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    .container-top {
        border: 2px solid black;
        border-bottom:none;
        padding:10px;
        text-align:center;
    }
    .top-image {
        width: 30%;
    }
    .container {
        border: 2px solid black;
        padding-bottom: 20px;
    }       
    .container-left {
        margin-left: 15px;
    }
    .container-label {
        font-weight: normal;
        margin-top: 10px;
    }
    .container-data {
        font-weight: bold;
    }
    .container-license-key {
        font-size: 24px;
    }    
}