/*******************************************/
/* General styles applies to all */
* 
{
    box-sizing: border-box;
}

html
{
    background-color: #D9D9D9;
    max-width: 950px;
    margin: 0 auto; /* this will center the content of the page to the center */
}
    
header {
	float: left;
	width: 100%;
	margin-bottom:20px;
}
    
    
body
{
    font-size: 0.81em;

    width: 85%;   
    background-color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#333;
    margin: 0 auto; 
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    max-width: 950px;
    
    box-shadow: 10px 10px 5px #888888;
      /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

    border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
}

#container
{
    margin-top:1%;   
    margin-bottom:1%;   
    margin-left:1%;
    margin-right:auto;
    width:100%;
    float:left;
}
      
#rpub
{
    width:100%;
}
      
/*html5 display rule*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; zoom:1; 
}

/*logo and word header*/    
#logo
{
    float:left;
    width:45%;
    margin-left:6em;
    margin-top:2em;
}

#big
{
    float:right;
    width:45%;
    margin-top:4em;
}      
#cover
{
    float:right;
    width:45%;
}     
/*end*/    
section 
{
	float: right;
	width: 60%;
    clear:right;
}

sidebar 
{
	float: left;
	width: 30%;
    height:auto;
}

footer {
	width: 100%;
    margin-bottom:0.5em;
}
.product-cover {
    border:1px solid black;
    text-align:center;
    width:150px;
    margin-top:0.5em;
    font-weight:bold;
}
/*Protected Content*/
#module_protectedcontent_wrapper
    {
    width:82%;
    margin-left:auto;
    margin-right:auto;
}

#module_protectedcontent_wrapper td
{   
    margin:1%;
}

/*end*/

.module_blurb
{
	width: 82%;
	margin-left:auto;
	margin-right:auto;
    background-color: #FFFFFF;
    border-color: #E5E5E5;
    border-width:0px;
    border-style:solid;
    padding:1%; 
    margin-bottom:2%;
    margin-top:2%;
    border-color: #666666;
	border-style:solid;
}

#blurb_bottom_payment
{
     font-size: 0.750em;   
}
#module_orderinfo
{
    margin-left:5%;
	margin-right:auto; 
}
    
.table1
{ 
    border:none;
}

.tbl 
{
    width: 100%;
}

.tblpayment
{
    width: 70%;
    float:left;
    overflow:auto;   
}

#lblTrust
{
    width: 30%;
    float:right;
    overflow:auto;   
}
        
.moduleHdr 
{
	width: 82%;
	margin-left:auto;
	margin-right:auto;
    background-color: #FFFFFF;
    border-color: #E5E5E5;
    border-width:0px;
    border-style:solid;
    padding:1%; 
    margin-bottom:2%;
    margin-top:2%;
    border-color: #666666;
	border-style:solid;
    width:80%;
}



 /**************namedaddr module*************/
#module_nameaddr_wrapper, #module_demos_wrapper, #module_price_wrapper, #module_autorenew_wrapper, 
#module_cross_sell_wrapper, #module_demo_text_wrapper, #module_payment_wrapper,  
#module_rpub_wrapper, #module_pid_wrapper, #module_edition_wrapper, #module_login_wrapper, 
#module_clogin_wrapper, #module_custserve_wrapper,  #module_referrals_wrapper,#module_privacy_wrapper
{
    width: 80%;
    max-width:663px;
    margin-left:auto;
    margin-right:auto;
    background-color: #F3F8FE;
    border-color: #666666;
	border-style:solid;
    border-width:2px;
    padding:1%;
    margin-bottom:2%;
    /* this creates inner shawdows*/
    box-shadow:inset 0 0 10px #9DCEFC;
    -moz-box-shadow:inset 0 0 10px #E0EFFE;
    
      /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

    border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
}

#module_gift_wrapper
{
    width: 80%;
    max-width:663px;
    margin-left:auto;
    margin-right:auto;
    background-color: white;
    border-color: #666666;
	border-style:solid;
    border-width:2px;
    padding:1%;
    margin-bottom:2%;
    /* this creates inner shawdows*/
    box-shadow:inset 0 0 10px #9DCEFC;
    -moz-box-shadow:inset 0 0 10px #E0EFFE;
    
      /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

    border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
}

#module_optout_wrapper
{
    width: 80%;
    max-width:663px;
    margin-left:auto;
    margin-right:auto;
    padding:1%;
    margin-bottom:2%;
}
#module_submit_wrapper, #module_paybill_wrapper
{
    width:100%;
    }
#module_newsletter_wrapper
{
    width: 80%;
    max-width:663px;
    margin-left:auto;
    margin-right:auto;
    background-color: #F3F8FE;
    border-color: #666666;
	border-style:solid;
    border-width:2px;
    padding:1%;
    margin-bottom:2%;
    /* this creates inner shawdows*/
    box-shadow:inset 0 0 10px #9DCEFC;
    -moz-box-shadow:inset 0 0 10px #E0EFFE;
    overflow:auto;
    
      /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

    border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
}

#module_orderinfo
{
    width: 80%;
    margin-left:auto;
    margin-right:auto;
}

#module_google
{
    width: 89%;
    margin-left:auto;
    margin-right:auto;
    border-style:none;
}

   
.module 
{
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
}    
       


/*blurb container-slider start*/

.blurb_wrapper {
    width: 100%;
    max-width:663px;
    margin-left:auto;
    margin-right:auto;
    background-color: #F3F8FE;
    border-color: #666666;
	border-style:solid;
    border-width:2px;
    padding:1%;
    /* this creates inner shawdows*/
    box-shadow:inset 0 0 10px #9DCEFC;
    -moz-box-shadow:inset 0 0 10px #E0EFFE;
    margin-bottom:2%;
    
      /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

    border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
	
}

.blurb_top {
	height: 0px; /* set height equal to height of image */
	background-repeat: no-repeat;
}
.blurb_content
{
	
	background-color: transparent;
    border-color: transparent;
    border-width:1px;
    border-style:none;
    /* margin:40px; */
    /* margin-left: 65px;*/
    /*	padding: 5px 0px 5px 0px;*/
	padding: 5px 10px 5px 10px;
}
.blurb_bottom {
	height: 0px; /* set height equal to height of image */
	background-repeat: no-repeat;
}
/*blurb end*/
    
.tblMain 
{
    clear:left;
    width: 100%;
}

.module_lastword
{
    width: 95%;
}

#module_recaptcha_wrapper
{
    width:40%;
    max-width:663px;
    margin-left:auto;
    margin-right:auto;
    background-color: transparent;
    border:none;
    padding:0.5%;
    margin-bottom:2%;
}  
    
.reqstar {color:Red;}

.demos_question
{
    padding:0.5%;
}

.demos_answer
{
    padding-bottom:20px;
}
    
#demos_answer_1
{
    width:100%;
}

   
/****************demos module**********************/
    
.demos_question
{
    padding-top:10px;
    padding-bottom:8px;
}    

.demos_answer
{
    padding-bottom:8px;
} 
    
.demos_answer_other
{
    padding:1%;
} 
    

.checkboxlist_demos
{
    width:100%;
    /*font-size:90%;*/  
} 


/***********************************Price************************************/
#tbl_price {
    padding: 0.500em 0 0;
    text-align: center;
    width: 90%;
}

#headerRow_price {font-weight:bold;}

 
#module_price_bottom {

    display:none;
    margin:none;
}

/****************************************************************************/
/**AutoRenew**/
#module_autorenew_top {
	display: none;
	margin: none;
}



/***Submit Button***/
.module_submit
{
    padding:0px;
    text-align:center;
    margin-top:1%;
}
  
#submit_btn
{
    margin-top:1%;
    font-weight:bold;
    font-size: 1.5em;
    background-color: #732042 !important;
    cursor: pointer; 
    border-color: #985679 !important;
    padding:0.5%;
    color:White;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /* always declare the non-prefixed version LAST */
}

/***Radio and Checkbox autofocous***/
input[type="radio"] {
    vertical-align:middle;
    margin-left: 1.25em;
    margin-right: 1.25em;
}

input[type="checkbox"]
{
    vertical-align: middle;
    margin-left: 1.25em;
    margin-right: 1.25em;
}

input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid #212121;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}

select 
{
   -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid #212121;

}   
    
select:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}    
/*end of autofocus*/

/********************NewsLetters*******/


#newsletter_0 {padding: 25px 0px 10px 20px;}
#newsletter_1 {display:block;width:48%;float:left;margin-bottom:1em;margin-left:0.5em;}
#newsletter_2 {display:block;width:48%;float:right;margin-bottom:1em;margin-left:0.5em;}
#newsletter_3 {display:block;width:48%;float:left;margin-bottom:1em;margin-left:0.5em;}
#newsletter_4 {display:block;width:48%;float:right;margin-bottom:1em;margin-left:0.5em;}
#newsletter_5 {display:block;width:48%;float:left;margin-left:0.5em;}
#newsletter_6 {display:block;width:48%;float:right;margin-left:0.5em;}

/*end*/
    
#checkbox_autorenew
{
    margin:1%;   
    
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin-left:5px;
    margin-right:5px;
}

.txtbox_nameaddr, .txtbox_username, .txtbox_payment, .txtbox_referrals, .txtbox_login, .txtbox_sync, #bcode_other, #btitle_other, #primary_pms_other, #second_pms_other, #opsys_other
,.txtbox_clogin
{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */
}

.dropdown_referrals
{
	/* this creates the rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */
}
    
.dropdown_locked, .dropdown_nameaddr, .dropdown_demos, .dropdown_pid, .dropdown_payment
{
    padding:2px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */
    
}

.demos_answer_other
{
    padding:1%;
}
    
#btitle_other, #bcode_other, #specialty_other, #AreaInt_Other_other
{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */    
}

#spnSubscribe
{
    font-weight: bold; 
    font-size: 2.9em; 
    color: #CF0000; 
}


#tbl_nameaddr .blurb
{
    color:Red;
}


#tbl_referrals td 
{
    padding-left: 0px !important;
}

.cell1_referrals 
{
    width: 20%;
    text-align:right;
}

/* GIFT */
.mGridLbl 
{
    text-align: center;
    background-color: white;
}  

table.static {
     width: 90%;
     margin: 0 auto;
     color: #000000;
}

/* Gridview */
.mGrid {    
    background-color: #FFFFFF;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse; 
    width:100%;
}  

.mGrid td {   
    padding: 2px;   
    border: solid 1px #525252;   
    color: #000000;   
    font-size: 0.9em;   
}  

.mGrid th {   
    padding: 4px 2px;   
    color: #000000;   
    background-color: #F3F8FE;  
    border: solid 1px #525252;  
    font-size: 0.9em; 
    text-align: left;  
}   
    
#rbTerm 
{
    width:90%; 
    margin:0 auto; 
    font-weight: bold;
    color: #000000;
    border: solid 1px #525252;      
    text-align:center;
    margin-bottom: 10px;
}

#lbl_gift_total
{
    text-align: left;
}

#tbl_gift_total
{
    width: 100%;
    font-size: 0.9em;  
    color: #000000;
    background-color: #F3F8FE;
    text-align: center;
    margin-top: -10px;
    font-weight: bold;  
    border-top: solid 1px #EEEDE3;       
    border-left: solid 1px #525252;   
    border-right: solid 1px #525252;   
    border-bottom: solid 1px #525252;  
}

/*hide buttons*/
    .tbl_gift_buttons
    {
    display:none;
    }
    
/* END OF GIFT */

/*hide module*/

.module_hidden
{
    display:none;
}

/*Group Export Module*/
#grid_groupexport_wrapper
{
    padding: 1.2em;
    max-width:922px;
}

.GridViewStyle
{
    font-family: Montserrat, sans-serif;
    font-size:.7em;
    font-weight:normal;
    border: navy 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-color:#F3F8FE;
}
.HeaderStyle th
{
    padding: 5px;
    font-size:small;
    color: black;
    font-weight:bold;
}
.HeaderStyle a
{
    color:black;
}
.FooterStyle /*Common Styles*/
{
    background-color:#F3F8FE;
	color:black;
	font-weight:bold;
}
.PagerStyle td
{
    border-top: #1d1d1d 3px solid;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 4px;
    border-right: solid 1px #1d1d1d;
}
.RowStyle td
{
    background-color: #FDF5E6;
}
.AltRowStyle td
{
    background-color: #FFFFF0;
}
.SelectedRowStyle td
{
    background-color: #ffffCC;
}
#export_btn, #export_btn2 
{
  margin-left:1.2em;
  color: white;
  letter-spacing: 0.75px;
  background: navy;
}
#export_btn:HOVER, #export_btn2:HOVER  {cursor:pointer;background-color:#837E7C;}
/*End Group Export Module*/

@media only screen and (max-width: 62em) 
{   
    .cell1_nameaddr,  .cell1_username
    {
        width: 8em;
    } 
}

@media only screen and (max-width: 58em) 
{   
    #logo
    {
        float:left;
        clear:left;
        margin-left:5em;
        margin-top:2em;
        width:100%;
    }
    
    #big
    {
        float:left;
        clear:left;
        margin-left:5em;
        margin-top:1em;
        width:100%;
    } 
}

@media  only screen and (max-width: 43em) 
{
   body
    { 
       font-size: 1em; 
       width:100%;
    }

    /*protected*/
    #module_protectedcontent_wrapper
    {
        width:96%;
    }
    #module_protectedcontent_wrapper img
    {
        width:100%;
        max-width:210px;
    }
    #module_protectedcontent_wrapper td
    {
        margin:1%;
    }
    
    #module_protectedcontent_wrapper td:nth-child(1) { width:45%;float:left;}
    #module_protectedcontent_wrapper td:nth-child(2) { width:45%;float:left; clear:left;}
    #module_protectedcontent_wrapper td:nth-child(3) { width:45%;float:left; clear:left;}
    #module_protectedcontent_wrapper td:nth-child(4) { width:45%;float:left; }
    /*end*/
    
    
    #module_nameaddr_wrapper, #module_demos_wrapper, #module_price_wrapper, #module_autorenew_wrapper, 
    #module_cross_sell_wrapper, #module_demo_text_wrapper, #module_payment_wrapper, #module_newsletter_wrapper, 
    #module_rpub_wrapper, #module_pid_wrapper, #module_edition_wrapper, #module_login_wrapper, #module_custserve_wrapper,
    #module_gift_wrapper, #module_clogin_wrapper
    {
        width:96%;
    }
    
    .module_blurb
    {
        width:98%;
    }
    .control_cell_nameaddr input, 
    .control_cell_nameaddr select
    { 
        font-size: 1em;
        width: 94%; 
    }

    #module_pid select, #module_demos select
    {
        font-size: 1em;
        width: 50%; 
    }
       
    #module_custserve .txtbox_custserve
    {
        font-size: 1em;
        width: 95% !important;
    }
     
    #tbl_nameaddr td 
    {    
        display:block;
    }
    
    #tbl_payment td
    {
        display:block;
    }
    
    #tbl_login td, #tbl_clogin td
    {
        display:block;
    }
   
    #tbl_sync td
    {
        display:block;
    }
   
    #tbl_username td
    {
        display:block;
    }
    
    .module
    {
        padding: 0;
        margin: 0;
    }
     
    .tblpayment
    {
        width:100%;
        float:left;
        overflow:auto;   
    }

    .tbllogin, .tblsync, .tblclogin
    {
        width:100%;
    }
    
    #lblTrust
    {
        width:100%;
        float:left;
        overflow:auto;   
    }
    
    .checkboxlist_demos td
    {
        /*float:left;
        clear: both;
        content: "";
        display: block;
        white-space:nowrap;*/
        
    }
    
    input[type="checkbox"] 
    {
        margin:0;
        padding:0;
        display: inline-block; 
        clear:none;
        position: relative;  
    }
    
    #blurb_bottom_price
    {
        margin: 0;
    }
    
    #ccnumber
    {
         width: 95%; 
    }
    
    #ccv, #ccmonth, #ccyear
    {
        width: 40%;
    }
    
    #tbl_price 
    {
        width:100%;
    }
    
    .txtbox_login
    {
        font-size: 1em;
        width: 96%; 
    }
    
    .txtbox_clogin
    {
        font-size: 1em;
        width: 96%; 
    }
    
    
    #newsletter_1, #newsletter_2, #newsletter_3, #newsletter_4, #newsletter_5, #newsletter_6  
    { 
       float:left;
       clear:left;
       width: 95%; 
    }
    
    #logo
    {
        float:left;
        clear:left;
        margin-left:1em;
        margin-top:2em;
        width:100%;
    }
    
    #big
    {
        float:left;
        clear:left;
        margin-left:1em;
        margin-top:1em;
        width:100%;
    } 
    
    #cover
    {
        display:none;
    } 
    
    #blurb_cross_sell_1,#blurb_cross_sell_2 td:nth-child(1)
    {
        display:none;
    }

}