.modalBackground 
{
    background-color:#000;
    filter:alpha(opacity=90);
    opacity:0.9;
}

#base {
    /*background-image: url('/img/subscribe/base.png');
	background-size:747px 560px;
    width:747px;
    height:560px;
    position:relative;
    */
    z-index:1;
    max-width: 710px;
}

.subscribecolumn {
    background-image: -ms-radial-gradient(center, circle farthest-side, #058DE1 0%, #00AEFF 50%, #058DE1 100%);
    background-image: -moz-radial-gradient(center, circle farthest-side, #058DE1 0%, #00AEFF 50%, #058DE1 100%);
    background-image: -o-radial-gradient(center, circle farthest-side, #058DE1 0%, #00AEFF 50%, #058DE1 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #058DE1), color-stop(0.5, #00AEFF), color-stop(1, #058DE1));
    background-image: -webkit-radial-gradient(center, circle farthest-side, #058DE1 0%, #00AEFF 50%, #058DE1 100%); 
    background-image: radial-gradient(circle farthest-side at center, #058DE1 0%, #00AEFF 50%, #058DE1 100%);
    /*width:276px;
    height:545px;
    position:absolute;
    right:8px;
    top:0px;*/
    z-index:2;
    text-align:center;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}


.popupsubscribe .topbanner {    
    background-image: url('/assets/images/popupheaderpattern.png');
    background-repeat:repeat;
    border-color: #5c5b5b;
    border-width: 1px;
    border-style: solid none none solid;
    border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
	-moz-border-radius: 4px 0px 0px 0px;
}

.popupsubscribe .middlebanner {    
    background-color:white;
    border-color: #5c5b5b;
    border-width: 1px;
    border-style: none none none solid;
}

.popupsubscribe .bottombanner {    
    background-image: url('/assets/images/popupheaderpattern.png');
    background-repeat:repeat;
    border-color: #5c5b5b;
    border-width: 1px;
    border-style: none none solid solid;
    border-radius: 0px 0px 0px 4px;
    height:36px;
}

.popupsubscribe .subscribebutton {
    margin-top:10px;
}

.popuppanel {
    position: fixed;
    z-index: 100001;
    left: 40px;
    top: 60px;
}


#left-content {
    /*position:absolute;*/
    /*top:13px;*/
    /*left:40px;*/
}

.popupsubscribe h1 {
    font-size:37px;
    color:#fff;
    padding:0;
    margin:12px;
    line-height:35px;
    font-weight:normal;
    letter-spacing:-1px;
}

#left-content h1 span{
    font-weight:900;
    color:#058de1;
}

#left-content h2 {
    font-family:Arial;
    font-size:14px;
    color:#545454;
    padding:0;
    margin:35px 0 0 0;
    font-weight:bold;
}

#left-content img {
    margin-top:12px;
    max-width: 100%;
}

.less-margin {
    margin-top:12px !important;
}

#left-content p {
    margin:20px 0 0 0;
    font-family:Arial;
    font-size:13px;
    color:#545454;
    padding:0;
    font-weight:normal;
}

#form {

}

#h_subscribenow {
    margin-top:27px;
}

#form .input-holder {
    margin:20px auto 0 auto;    
    padding:8px 0 0 0;
    text-align:left;
}

#form .input-holder p {
    font-family:Arial, "ff-dagny-web-pro";
    font-size:13px;
    color:#fff;
    padding:0;
    font-weight:normal;
    letter-spacing:0px;
    margin-bottom:0px;
}

#form .input-holder input[type=text] {
    border:1px solid #545454;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    width:222px;
    height:36px;
    margin: 10px 0 0 0;
    padding-left:8px;
    font-family:Arial, "ff-dagny-web-pro";
    font-size:13px;
    color:#545454;
    /*padding:8px 22px 0 22px;*/
}

#imgbtnSubscribe {
    margin:10px 0 0 -6px;
    height:45px;
    width:221px;
}

#lock-holder {
    text-align: center;
}

#lock-text {
    margin:-2px 0 0 3px;
    font-size:12px;
    color:#fff;
}

#form h1 {    
    color:#fff;
    padding:0;
    margin:10px 0 0 0;
    font-weight:bold;
    letter-spacing:0px;
    margin-top: 55px;
}

#form h2 {
    font-size:20px;
    color:#fff;
    padding:0;
    margin:0;
    font-weight:bold;
    letter-spacing:0px;
}

#close {
    width:34px;
    height:35px;
    position:absolute;
    right: -25px;
    top: -10px;
    z-index:3;
}
#ContentPlaceHolder1_imgbtnSubscribe {
	margin-left:-7px;
	margin-top:8px;
}


@media screen and (max-width: 768px) {

    .popuppanel {
        position: absolute;        
    }

    #base {
        max-width: 450px;
    }

    .popupsubscribe .topbanner {            
        border-style: solid solid none solid;
        border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
	    -moz-border-radius: 4px 4px 0px 0px;
    }

    .popupsubscribe .middlebanner {                    
        border-width: 1px;
        border-style: none solid none solid;
    }

    .popupsubscribe .bottombanner {            
        border-style: none solid solid none;
        border-radius: 0px 0px 0px 0px;
    }

    .buttonholder {
        text-align:center;
    }

    #form h1 {
        margin-top: 10px;
    }

    .subscribecolumn {
        padding-bottom:20px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

}

@media screen and (max-width: 500px) {
   
    #base {
        max-width: 340px;
    }


    .popupsubscribe .fieldholder {
        text-align:center;
    }

    .popupsubscribe h1 {
        font-size: 28px;       
    }

    #form .input-holder p {    
        text-align: center;
    }

}


@media screen and (max-width: 390px) {
   
    #base {
        max-width: 266px;
    }

    .popupsubscribe h1 {
        font-size: 22px;       
        line-height:20px;
    }
}