body, td, th {
    font-family: Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    font-size: 11px;
    color: #666666;
    line-height: 1.5em;
}

body {
    margin: 0px;
    height: 100%;
    background-color: #ffffff;
    text-align: center;
}

p, td {
    font-family: Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    color: #666666;
    line-height: 1.5em;
}

h1 {
    font: 18px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    color: #051D33;
    line-height: 1.3em;
    margin-top: 10px;
}

h2 {
    font: 18px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    color: #6fc61c;
    line-height: 24px;
}

h3 {
    font: 18px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    color: #051D33;
    line-height: 2.0ex;
}

h4 {
    font: 17px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    line-height: 2.0ex;
    color: #6fc61c;
}

h5 {
    font: 16px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    line-height: 2.0ex;
}

h6 {
    font: 15px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    line-height: 2.0ex;
}

strong {
    font-weight: bold;
}

a:link {
    color: #007191;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a:visited {
    color: #007191;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: #051D33;
    border-color: #051D33;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}
/* text style for the selected tab */
.SelectedTab {
    font-size: 14px;
    color: #EEEEEE;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-size: 14px;
    color: gainsboro;
    text-decoration: none;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
    color: #051D33;
}

A.OtherTabs:visited {
    text-decoration: none;
    color: #051D33;
}

A.OtherTabs:active {
    text-decoration: none;
    color: #051D33;
}

A.OtherTabs:hover {
    text-decoration: underline;
    color: #051D33;
}

.portal_updatecell {
    color: #000000;
    background-color: #FFFF99;
    font-size: 13px;
    line-height: 20px;
}

.infoheading {
    text-decoration: none;
    font-weight: bold;
}

.welcometitle {
    padding-right: 2px;
    margin-top: 5px;
    padding-left: 2px;
    margin-bottom: 15px;
    padding-bottom: 2px;
    font: 12px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    font-weight: bold;
    width: 100%;
    color: #051D33;
    padding-top: 2px;
    text-align: left;
}

.extendedtextbox {
    width: 250px;
}

.extendeddropdown {
    width: 250px;
}

#container {
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    border-top: #cccccc 1px solid;
    margin-top: 20px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-left: auto;
    border-left: #cccccc 1px solid;
    width: 934px;
    margin-right: auto;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
}

#container1 {
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    border-top: #cccccc 1px solid;
    margin-top: 20px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-left: auto;
    border-left: #cccccc 1px solid;
    width: 934px;
    margin-right: auto;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
}

#header {
    width: 934px;
    margin: 0px; /* border:1px solid #990000;*/
}

#navcontainer {
    padding-right: 1px;
    margin-top: 1px;
    padding-left: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    width: 932px;
    padding-top: 1px;
    position: relative;
    height: 27px;
    background-color: #EEEEEE;
}

#titlecontainer {
    padding-right: 2px;
    margin-top: 5px;
    padding-left: 2px;
    margin-bottom: 15px;
    padding-bottom: 2px;
    font: 18px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    width: 100%;
    color: #051D33;
    padding-top: 2px;
    text-align: left;
}
.titlespace {
    padding-left: 16px !important;
}
.bannercolor {
    background-color: #051D33;
    width: 934px;
}
.logininfo {
    color: #051D33;
    padding-right: 1%;
}
.lineheight {
   height:1px;
}
.whitebg {
    background-color: #FFFFFF !important;
}
/* LHS */
#container #lh_col {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    margin-top: 5px;
    border-left: #cccccc 1px solid;
    width: 163px;
    margin-right: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}

#container #rh_col {
    border-right: #cccccc 0px;
    padding-right: 0px;
    border-top: #cccccc 1px solid;
    margin-top: 5px;
    padding-left: 4px;
    padding-bottom: 5px;
    border-left: #cccccc 0px;
    width: 232px;
    padding-top: 5px;
    border-bottom: #cccccc 1px;
    background-color: #ffffff;
}

#container1 #lh_col {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    margin-top: 5px;
    border-left: #cccccc 1px solid;
    width: 163px;
    margin-right: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}

#container1 #rh_col {
    border-right: #cccccc 0px;
    padding-right: 0px;
    border-top: #cccccc 1px solid;
    margin-top: 5px;
    padding-left: 4px;
    padding-bottom: 5px;
    border-left: #cccccc 0px;
    width: 232px;
    padding-top: 5px;
    border-bottom: #cccccc 1px;
    background-color: #ffffff;
}

#lh_col_header_box {
    background-color: #EEEEEE;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    font-weight: bold;
    color: #707272;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 5px;
    text-align: left;
}

    #lh_col_header_box a {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
    }

#lh_col_header_box_no_arrow {
    background-color: #051D33;
    height: 17px;
    width: 158px;
    text-indent: 10px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#lh_col_content_box {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin-left: 5px;
    width: 154px;
    margin-right: 0px;
    padding-top: 0px;
}

#lh_col_content_box1 ul {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin-left: 5px;
    width: 154px;
    margin-right: 0px;
    padding-top: 0px;
    text-align: left;
}

#main_content {
    padding-right: 1px;
    border-top: #cccccc 1px solid;
    margin-top: 5px;
    padding-left: 9px;
    padding-bottom: 20px;
    margin-left: 4px;
    border-left: #cccccc 1px solid;
    width: 518px;
    padding-top: 5px;
    border-bottom: #cccccc 1px;
    border-right-width: 0px;
    min-height: 200px;
    height: auto;
    _height: 200px;
}

#main_content_wide {
    padding-right: 1px;
    border-top: #cccccc 1px solid;
    margin-top: 5px;
    padding-left: 9px;
    padding-bottom: 20px;
    margin-left: 4px;
    border-left: #cccccc 1px solid;
    width: 750px;
    padding-top: 5px;
    border-bottom: #cccccc 1px;
    border-right-width: 0px;
    min-height: 200px;
    height: auto;
    _height: 200px;
}

#footer {
    clear: both;
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 0px auto;
    border-left: #cccccc 1px solid;
    width: 934px;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
}

a.footer:link {
    color: #000000;
    text-decoration: none;
}

a.footer:visited {
    color: #000000;
    text-decoration: none;
}

.titlecontainer {
    padding-right: 2px;
    margin-top: 5px;
    padding-left: 2px;
    margin-bottom: 15px;
    padding-bottom: 2px;
    font: 18px Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
    width: 100%;
    color: #051D33;
    padding-top: 2px;
    text-align: left;
}

.Grid {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.GridItem {
    background-color: #FFFFFF;
    height: 25px;
    color: #000000;
}

.GridErrorItem {
    background-color: #FFC0C0;
    height: 25px;
    color: #000000;
}

.GridAlternatingItem {
    background-color: #EEEEEE;
    height: 25px;
    color: #000000;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

label.error {
    color: red;
    font-weight: bold;
}

/* Javascript based validation */
input.error {
    background-color: #ffefef;
    border: 1px dashed red;
    color: #007191;
}

select.error {
    background-color: #ffefef;
    border: 1px dashed red;
    color: #007191;
}

.required.error {
    background-color: #ffefef;
    border: 1px dashed red;
    color: #007191;
}

.required-star {
    color: red;
    font-weight: bold;
    vertical-align: top;
}

span.required-star {
    white-space: nowrap;
}

.required {
    color: inherit;
}

.no-star {
    color: inherit;
}

select:disabled {
    background: #dddddd;
}

input:disabled {
    background: #dddddd;
}

.italic {
    font-style: italic;
}

/* jQueryUI */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-widget-overlay {
    opacity: 0.6 !important;
    background: black !important;
}

/* VGC Order Management */

.vgc_page .form-action-line {
    margin: 20px 0px 10px 0px;
}

    .vgc_page .form-action-line input {
        margin: 0px;
    }

.vgc_page h3 {
    font-weight: bold;
    font-size: 14px;
    font-family: Trebuchet, Trebuchet MS, Times New Roman, Times, serif;
}

#vgc_order_details .success,
#vgc_view_orders .success {
    border: #BFEB98 1px solid;
    background-color: #BFEB98;
}

#vgc_order_details .warning,
#vgc_view_orders .warning {
    border: #FFC000 1px solid;
    background-color: #FFC000;
}

#vgc_order_details .failure {
    border: #D94A4A 1px solid;
    background-color: #D94A4A;
}

#vgc_order_details #result_message p,
#vgc_view_orders #result_message p {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
    color: #111111;
}

#vgc_order_details p,
#vgc_resend_email #order_info p {
    font-size: 13px;
}

    #vgc_order_details p .label {
        font-weight: bold;
    }

#vgc_order_details .cancel_order_container,
#vgc_order_details .queued_order_container {
    float: right;
    padding-right: 15px;
}

#vgc_order_details .line_items {
    width: 100%;
    border-collapse: collapse;
}

    #vgc_order_details .line_items th {
        background: #C8E6F1;
        color: #000000;
        border-bottom: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
        text-align: left;
        font-weight: normal;
    }

    #vgc_order_details .line_items td {
        color: #000000;
    }

    #vgc_order_details .line_items td,
    #vgc_order_details .line_items th {
        padding: 8px 0px 8px 3px;
    }

        /*#vgc_order_details .line_items td.line_item_column,
        #vgc_order_details .line_items th,
        #vgc_order_details .card_detail_table .card_item_column {
            border-left: #cccccc 1px solid;
        }*/

#vgc_order_details .last_column {
    border-right: #cccccc 1px solid;
}

#vgc_order_details .line_items tr.odd {
    background: #f1f1f1;
}

#vgc_order_details .line_items tr.even {
    background: #ffffff;
}

#vgc_order_details .line_items #line_item_total_row {
    border-top: #cccccc 1px solid;
}

#vgc_order_details .line_items #line_item_total_label {
    padding-left: 7px;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-weight: bold;
}

#vgc_order_details .line_items #line_item_total {
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

#vgc_order_details .line_items td.expanded {
    border-bottom: #cccccc 1px solid;
}

#vgc_order_details .line_items td.disclosures-grey,
#vgc_order_details .line_items th.disclosures {
    width: 10px;
}

#vgc_order_details .line_items .line_item_column {
    overflow: hidden;
    text-overflow: ellipsis;
}

#vgc_order_details .line_items .item_recipient {
    max-width: 170px;
}

#vgc_order_details .line_items .item_email {
    max-width: 300px;
}

#vgc_order_details .card_detail_row_container {
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

#vgc_order_details .card_detail_table {
    border: #cccccc 1px solid;
    width: 90%;
    border-collapse: collapse;
    margin-left: 20px;
}

#vgc_order_details #order_billing_info {
    width: 48%;
    float: left;
    margin-right: 4%;
}

#vgc_order_details .billing-phone-number,
#vgc_order_details .billing-street-address {
    float: left;
    margin-right: 10px;
}

#vgc_order_details #order_payment_info {
    width: 48%;
    float: left;
}

#vgc_order_details .billing-information-label {
    font-weight: bold;
}

#vgc_order_details #order_details_navigation {
    margin-top: 10px;
}

.confirm_cancel_dialog #confirm_cancel_note {
    color: Red;
}

#vgc_resend_email #line_item_info {
    padding-left: 10px;
    width: 40%;
    border: #cccccc 1px solid;
    margin: 20px 0px;
}

#vgc_resend_email span.label {
    font-weight: bold;
}

#vgc_resend_email #recipient_email_label_container {
    margin-right: 10px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    float: left;
}

#vgc_resend_email #recipient_email_input_validation_output {
    margin-left: 95px;
    margin-bottom: 20px;
}


#vgc_search_order #search_by {
    font-weight: bold;
}

#vgc_search_order .form-line label {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding-top: 1px;
}

#vgc_search_order #search_input_validation_output {
    margin-left: 5px;
}

.clear {
    clear: both;
    width: 100%;
}

.trademark {
    font-size: 8px;
    float: right;
}
/*Cookie Banner css*/
#Cookie_Dialog {
    position: fixed;
    width: 100%;
    height: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    z-index: 3;
    cursor: pointer;
    color: white;
    overflow: hidden;
}
#CookieBanner, #CookieBannerMvc {
    height: 15%;
    padding-top: 9%;
}

#Cookie_Label {
    width:934px;
    margin-right: auto;
    margin-left: auto;
}

#Cookie_Text {
    width: 800px;
    float: left;
    text-align: left;
    border: none;
    outline: none;
}

.Cookie_Button {
    background-color: #007191;
    border: none;
    color: white;
    padding: 12px 26px !important;
    text-decoration: none;
    margin: 10px 2px !important;
    cursor: pointer !important;
    border-radius: 4px;
    font-size: 10px !important;
    outline: none;
}

#Cookie_Text a:link, #Cookie_Text a:visited, #Cookie_Text a:focus {
    color: white;
    outline: none;
    border: 0;
}
.CookieLabel {
    border:none;
    outline:none;
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
    #Cookie_Dialog {
        width:100%;
        height: 44%;
        position: fixed;
    }

    #CookieBanner, #CookieBannerMvc {
        height: 20%;
    }
    #CookieBannerMvc #Cookie_Dialog {
        position: relative;
    }
    #Cookie_Label {
        width: 75%;
    }

    #Cookie_Text {
        width: 72%;
    }

    .Cookie_Button {
        width: 18%;
        padding: 12px 10px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
    #Cookie_Dialog {
        width: 100%;
        height: 22%;
        position: fixed;
      line-height:normal;
    }

    #CookieBanner{
        height: 20%;
    }
    #CookieBannerMvc {
        height: 86%;
    }
    #CookieBannerMvc #Cookie_Dialog {
           position:fixed ;
    }
  
    #Cookie_Label {
        width: 75%;
    }

    #Cookie_Text {
        width: 77%;
    }

    .Cookie_Button {
        width: 18%;
        padding: 12px 10px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 350px) {
    #container {
        margin-top: 0;
        width: 90%;
    }

    #titlecontainer {
        padding-bottom: 0;
    }

    #navcontainer {
        width: 100%;
    }

    table.tbl-banner {
        width: 100%;
    }

    td#portalRegister {
        display: none;
    }

    #footer {
        width: 90%;
    }
    #Cookie_Dialog {
        width: 86%;
        height: 30%;
        position: fixed;
    }

    #CookieBanner, #CookieBannerMvc {
        height: 46%;
    }
    #CookieBannerMvc {
        height: 46%;
    }
        #CookieBannerMvc #Cookie_Dialog {
            position: relative;
            height: 55%;
        }
    #Cookie_Label {
        width: 100%;
    }

    #Cookie_Text {
        width: 64%;
    }

    .Cookie_Button {
        width: 33%;
        padding: 12px 10px;
    }
}
@media only screen and (min-width: 351px) and (max-width: 400px) {
    #container {
        margin-top: 0;
        width: 90%;
    }

    #titlecontainer {
        padding-bottom: 0;
    }

    #navcontainer {
        width: 100%;
    }

    table.tbl-banner {
        width: 100%;
    }

    td#portalRegister {
        display: none;
    }

    #footer {
        width: 90%;
    }

    #Cookie_Dialog {
        width: 86%;
        height: 30%;
        position: fixed;
    }

    #CookieBanner{
        height: 46%;
    }
    #CookieBannerMvc {
        height: 46%;
        
    }

        #CookieBannerMvc #Cookie_Dialog {
            position: relative;
            height: 67%;
        }

    #Cookie_Label {
        width: 100%;
    }

    #Cookie_Text {
        width: 64%;
    }

    .Cookie_Button {
        width: 33%;
        padding: 12px 10px;
    }
}
@media only screen and (min-width: 401px) and (max-width: 600px) {
    #container {
        margin-top: 0;
        width: 90%;
    }

    #titlecontainer {
        padding-bottom: 0;
    }

    #navcontainer {
        width: 100%;
    }

    table.tbl-banner {
        width: 100%;
    }

    td#portalRegister {
        display: none;
    }

    #footer {
        width: 90%;
    }

    #Cookie_Dialog {
        width: 86%;
        height: 23%;
        position: fixed;
    }

    #CookieBanner, #CookieBannerMvc {
        height: 35%;
    }
        #CookieBannerMvc #Cookie_Dialog {
            position: relative;
            height: 50%;
        }
    #Cookie_Label {
        width: 100%;
    }

    #Cookie_Text {
        width: 64%;
    }

    .Cookie_Button {
        width: 28%;
        padding: 12px 10px;
    }

    /*td.mbl-email {
        word-break: break-word;
        width: 10% !important;
    }

    #container1 {
        width: 100%;
    }

    table.dataTable thead th {
        padding: 0 !important;
        vertical-align: middle !important;
    }

    table.dataTable tbody td {
        padding: 0 !important;
    }

    table.basic td {
        padding: 0;
    }

    #main-content {
        width: auto !important;
    }*/
}

    @media only screen and (max-width: 280px) {
        #Cookie_Dialog {
            height: 12%;
            position: fixed;
        }

        #Cookie_Text {
            width: 55%;
        }

        .Cookie_Button {
            width: 40%;
            padding: 12px 10px;
        }
        #CookieBannerMvc #Cookie_Dialog {
            position: relative;
            height: 80%;
        }
        #CookieBannerMvc {
            width:934px;
            height:25%;
        }
    }

    @media all and (orientation:portrait) {
    }

    @media all and (orientation:landscape) {
    }