﻿body {
    font-size: 14px;
    font-family: "Arial";
    color: #232323;
    background-color: gray;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/
.HomePage-welcome-label {
    font-family: "Arial";
    margin-left: 11%;
    margin-top: 20%;
}

.HomePage-messege-label {
    font-family: "Arial";
    margin-left: 11%;
    margin-top: 11%;
}

.HomePage-signIn-label {
    font-family: "Arial";
    margin-left: 11%;
    margin-top: 45%;
}

.HomePage-SignIn {
    font-family: "Arial";
    color: white;
    font-weight: bold;
    text-underline-position: below;
}

    .HomePage-SignIn:hover {
        background-color: white;
        color: brown;
        text-decoration-color: brown;
    }

.HomePage-download-label {
    font-family: "Arial";
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-top: 9%;
}

.HomePage-downloadMsg-label {
    font-family: "Arial";
    margin-left: 14%;
    margin-top: 5%;
    text-align: center;
}

.HomePage-dropdown-field {
    color: #ff0000;
    margin-left: 65%;
    margin-top: 3%;
}

.HomePage-secondpart-style {
    font-size: .85em;
    font-family: "Arial";
    color: white;
    float: right;
    background-color: brown;
    width: 50%;
    height: 100%;
}

.HomePage-firstpart-style {
    float: left;
    width: 50%;
    height: 100%;
    background-color: white;
}

.HomePage-mainpart-style {
    height: 442px;
    width: 736px;
    margin: 0 auto;
    margin-top: 9%;
}

.HomePage-image-style {
    margin-left: 30%;
    height: 45%;
    margin-top: 20%;
    background-repeat: no-repeat;
    background-image: url("../CSS/Images/IMG_Home.gif");
}

.HomePage-Customer-Suport-FAQ {
    font-family: "Arial";
    float: right;
    margin-right: 5%;
    margin-top: 5%;
}

/* Styles for Redeem Product Page
-----------------------------------------------------------*/

.RegisterPage-header {
    font-family: "Arial";
    font-size: 13px;
    height: 10%;
    background-color: #E3E2DE;
}

.RegisterPage-container {
    height: 375px;
    width: 100%;
}

.RegisterPage-input-textbox {
    font-family: "Arial";
    font-size: 13px;
    margin-top: 5%;
    min-height: 27px;
    min-width: 400px;
    margin-left: 15px;
}

.RegisterPage-Error-Image {
    margin-top: 16px;
    height: 18px;
    width: 20px;
    float: left;
    margin-left: 15px;
    background-image: url("../CSS/Images/IMG_Error.png");
    background-repeat: no-repeat;
    border-top: none;
}

.RegisterPage-findproduct-label {
    font-family: "Arial";
    width: 410px;
    font-size: 12px;
    margin-left: 26%;
}

.validation-summary-errors {
    margin: 15px;
    height: 80px;
    border: 1px solid;
    border-color: red;
    color: black;
    left: 23%;
    background-color: #E3E2DE;
}

#RegisterHeaderMargin {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 10px;
}

#InvalidRedeemCode {
    font-size: 14px;
    font-weight: bold;
    font-family: "Arial";
    margin-top: 16px;
    margin-left: 9%;
    color: red;
}

#ValidationMessage {
    font-size: 12px;
    font-family: "Arial";
    margin-left: 15px;
    margin-top: 9px;
}

#GoButton {
    height: 25px;
    width: 50px;
    color: #FFFFFF;
    border: none;
    background-image: url(../CSS/Images/IMG_Btn_Bg.png);
    background-repeat: repeat-x;
}
/*******************Product Page******************************/
.productPage_Main_Div {
    font-size: 12px;
}

#Product_Body {
    min-height: 400px;
}

.ProductPage_Main_Grid thead {
    display: none;
}

.ProductPage_Main_Grid {
    width: 100%;
}

.ProductPage_Office_Mesage {
    font-size: 11px;
    color: gray;
}

.ProductPage_Main_Grid a {
    cursor: pointer;
}

.ProductPage_Main_Grid td {
    border-bottom: 1px solid #ddd;
}

.ProductPage_Grid_ProductName {
    color: #9E5D61;
    font-weight: bold;
}

.ProductPage_Grid_ActivationKey {
    margin-top: -15px;
}

.ProductPage_Grid_Column_ProductName {
}

.ProductPage_Grid_Column_DownloadLink {
    width: 20%;
    background-color: #F2F2F2;
    color: #9E5D61;
    font-weight: bold;
}

.ProductPage_Align_a {
    text-align: center;
    margin: 0 auto;
}

.gridrow {
    border-bottom: 1px solid #000000;
    height: 70px;
}

.gridrow_alternate {
    border-bottom: 1px solid #000000;
    height: 70px;
}

.ProductPage_Grid_Activation_Lable {
    font-weight: normal;
    float: left;
}

.ProductPage_Grid_Activation_value {
    font-weight: bold;
    float: left;
}

.ProductPage_Grid_Column_DownloadLink a {
    color: #9E5D61;
    text-decoration: none;
}
/*.ProductPage_Grid_Image {
    height: 38px;
width: 45px;
    background-image:url("../CSS/Images/IMG_Office.gif");
    margin:0 auto;
    background-repeat:no-repeat;
}*/
.ProductPage_header {
    background-color: #E3E2DE;
    min-height: 52px;
}

    .ProductPage_header a {
        color: #9E5D61;
    }

.ProductPage_Grid_Column_Image {
    margin-left: 10%;
    width: 95px;
}

.ProductPage_header_margin {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 10px;
}

.product_SuccessMessage {
    border: 1px solid green;
    height: 80px;
    margin: 15px;
}

.product_SuccessMessage_img {
    float: left;
}

.product_SuccessMessage_Line2 {
    margin-top: 15px;
    margin-left: 15px;
}

.product_SuccessMessage_upper {
    margin-top: 10px;
    margin-left: 15px;
}

.product_GridScroll {
    height: 570px;
    overflow-y: auto;
}

.product_SuccessMessage_Line1 {
    margin-left: 35px;
    font-size: 12px;
    color: green;
    font-weight: bold;
}
/********************layout page******************************************************/

.DefalutLayout_Header {
    height: 32px;
    background-image: url(../CSS/Images/IMG_Hdr_Bg.png);
    background-repeat: repeat-x;
}

.DefalutLayout_Footer {
    height: 30px;
    background-color: #E3E2DE;
    margin: 0 auto;
}

.DefalutLayout_SignOut {
    height: 30px;
    color: #FFFFFF;
    border: none;
    font-weight: bold;
    float: right;
    margin-right: 15px;
    background-image: url(../CSS/Images/IMG_Hdr_Bg.png);
    background-repeat: repeat-x;
}

.DefalutLayout_FooterBackMessage {
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    margin-left: 7px;
    padding-top: 5px;
    height: 14px;
    color: brown;
    float: left;
    text-decoration: none;
}

.DefalutLayout_Header_Tilte {
    color: white;
    font-weight: bold;
    max-width: 300px;
    float: left;
    margin-top: 7px;
    margin-left: 15px;
    vertical-align: middle;
    font-size: 14px;
}

.UserName_Welcome_Message {
    color: white;
    font-weight: bold;
    margin-top: 4px;
    float: right;
    margin-right: 15px;
    font-size: 11px;
}

.Layout_Main_Div {
    width: 736px;
    height: 442px;
    margin: 0 auto;
    background: white;
    margin-top: 9%;
}
/*******dialog box**********/
#dialog {
    height: 438px;
}

    #Dialog .Layout_Main_Div {
        margin: 0px;
    }
/**********SignOut************/
.SignOut_OuterDiv {
    margin: 0 auto;
    margin-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
}

    .SignOut_OuterDiv a {
        text-decoration: none;
        color: white;
    }
/********************Error******************/
.ErrorPage_MainDiv {
    height: 380px;
}

    .ErrorPage_MainDiv .DefalutLayout_SignOut {
        display: none;
    }

.ErrorPage_Message_Div {
    margin: 15px;
    height: 80px;
    border: 1px solid;
    border-color: red;
    color: black;
    left: 23%;
    background-color: #E3E2DE;
}
/**************FAQ Page*********************/
.FAQ_Header {
    font-size: 14px;
    font-family: "Arial";
    font-weight: bold;
    text-decoration: underline;
}

.QA {
    font-size: 12px;
    padding: 4px;
}

    .QA span {
        display: block;
    }

.FAQPage_Content {
    height: 410px;
    width: 75%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}

.FAQPage-secondpart-style {
    color: white;
    float: right;
    background-color: #F2F2F2;
    width: 23.5%;
    height: 410px;
}

.FAQPage-dropdown-field {
    margin-top: 10px;
    background-color: #F2F2F2;
    font-size: .85em;
    font-family: "Arial";
    margin-left: 0 auto;
    margin-right: 0 auto;
    width: 125px;
    background-color: white;
}

/* Social Media Login Popup*/
.socailMediaLogin tr td {
    text-align:center;
}
.socailMediaLogin a ,.socialmediaicon a {
    outline:none;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    display: inline-table;
}

.socialmediaiconcontainer {
    width:100%;
    display:block;
}

.socialmediaicon {
width:50%; 
float:left; 
text-align:center;
}

