﻿.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;
}


#left-content {
    position:absolute;
    top:13px;
    left:40px;
}

#left-content h1 {
    font-family:"Myriad Pro";
    font-size:37px;
    color:#fff;
    padding:0;
    margin:0;
    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;
}

.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;
    width:400px;
}

#form {
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:500px;
    position:absolute;
    right:8px;
    top:0px;
    z-index:2;
    text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#h_subscribenow {
    margin-top:27px;
}

#form .input-holder {
    margin:20px auto 0 auto;
    width:206px;
    height:252px;
    padding:8px 22px 0 22px;
    text-align:left;
    position:relative;
}

#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:198px;
    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 {
    position:absolute;
    top:230px;
    left:40px;
}

#lock-text {
    margin:-2px 0 0 3px;
    font-family:"ff-dagny-web-pro", Arial;
    font-size:12px;
    color:#fff;
}

#form h1 {
    font-family:"prenton-ultra-condensed","Myriad Pro",Arial;
    color:#fff;
    padding:0;
    height:45px;
    margin:10px 0 0 0;
    font-weight:bold;
    letter-spacing:0px;
}

#form h2 {
    font-family:"prenton-ultra-condensed","Myriad Pro",Arial;
    font-size:20px;
    color:#fff;
    padding:0;
    margin:0;
    font-weight:bold;
    letter-spacing:0px;
}

#close {
    width:34px;
    height:35px;
    position:absolute;
    right:4px;
    top:-6px;
    z-index:3;
}
#ContentPlaceHolder1_imgbtnSubscribe {
	margin-left:-7px;
	margin-top:8px;
}