/* 
    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 {
        margin-left: 35px;
    }
    .header-logo img {
        width: 30%;
    } 
    .header-text {
        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;
    }
    .required-field {
        display: none !important;
    }
    .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%;
    }
    #add_on_label {
        font-size: 13px;
    }
    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;       
    }    
}

@media screen {
    #content {
        border: 1px solid lightgrey;
        border-radius: 5px;
        box-shadow: 3px 3px 5px lightgrey;
        margin-left: -450px;
    }
    .header-logo img {
        width : 300px;
    } 
    .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-text {
        margin-right: 25px;
        margin-top  : 8px;
        font-size   : 32px;  
    }     
    .container-left {
        padding-left: 15px;
        width       : 375px;
    }
    .container-instructions {
        margin-left : 15px;
        width       : 830px;
    }
    #instructions_01 {
        margin-bottom: 10px;
    }
    .required-field {
        display: inline-block;
        width: 1.6%;
        color: #007ac3;
        font-weight: bolder;        
        font-size: 14px;
    }
    .required-field-act {
        display     : none;
        margin-left : 3px;
    }    
    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;
        font-weight : bolder;
        margin-top  : 30px;
        margin-left : 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;
    }    
    .container-right label {
        margin-top: 5px;
    }
    .container-bottom-button {
        width: 36.5%;
        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: 12px;
        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: 36.5%;
        float: left;
        height: 22px;
        margin-top: 5px;
        margin-left: 12px;
        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;
    }
    .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 {
        margin-right    : 295px;
    }
    .mac-1080-help {
        display: none;
    } 
    .license-block {
        width: 98%;
    }
    #add_on_label {
        font-size: 13px;
    } 
    label {
        font-size: 11px;
    } 
    .container-left label {
        width: 83%;
    } 
    .container-left input {
        width: 85%;
    } 
    #required_field_mail {
        margin-left: 3px;
    }
    #start_over {
        margin-left: 5px;
    }
    #submit_button {
        float: right;
        margin-right:5px;
    }
    .ui-selectmenu-button {
        width: 298px !important;
    }
    #country {
        width: 303px;
    }
    .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;
    }
    .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 (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;
    }
    .header-logo img {
        width           : 400px;
    }
    .header-text {
        margin-top      : 15px;
        font-size       : 40px;
    }
    #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           : 25px;
        border          : none;
        margin-right    : 95px;
        margin-top      : 8px;
    }     
    .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;
    }
    .license-block {
        width           : 100%;
        font-size       : 25px;
        margin-top      : 20px;
    }
    #add_on_label {
        font-size       : 25px;
    } 
    label {
        font-size       : 11px;
    }
    .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;
    }
    .ui-icon {
        display         : none;
    }     
    .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       : 98% !important;
        text-align  : center;
        font-size   : 32px;
    }
    #email_label {
        margin-top  : 30px;
    }
    .status-image {
        width       : 25px;
    }
    .mac-features {
        margin-left : 10px;
    }
    #license_status_bottom {
        margin-top  : 15px;
        font-size   : 25px;
    }
}

@media screen,print {
    body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    .header-logo img {
        margin-top      : 5px;
        margin-left     : 15px;
        margin-bottom   : 5px;
    }
    .header-text {
        float: right;
        font-weight: bolder;
    }    
    label {
        font-weight: bold;
    }  
    #content {
        padding: 10px;
        width: 900px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 25px;
    }
    .container-top-section {
        width: 98%;
        float: left;
        padding-left: 9px;
    } 
    /*
    .container img {
        position: relative;
        border: none;
    }
    */
    .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;
    }
    */
    .ssa-help-image {
        display: none;
    }
    .license-block {
        display:inline-block;
    }
    .mac-features {
        text-align: left;
        font-weight: bolder;
        display: none;
    }
    .new-mac {
        margin-top      : 28px;
    }
    .license-text {
        width: 100%;
        display: inline-block;
    }
    .license-logo {
        width           : 100px;
        margin-left     : 15px;
        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;
    } 
    #hidden {
        display: none;
    }
}

@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;
    }
    .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;
    }    
}