/* CSS Document */
body{
	margin:0px;
	color: #f5efe0;
	font-family:arial;
	background:url(../images/clogger.png) repeat;
}
	#topbanner {
		width: 100%;
		height: 1200px;
		margin-left:auto;
		margin-right:auto;
	}
		#elheader {
			color:#fff;
			padding-top: 30px;
			padding-left: 30px;
			width: 100%;
		}
			#elheader h1 {
				font-size:40px;
				cursor: pointer;
			}
		#download_count_wrapper {
			width:90%;
			height:50px;
			margin-right: auto;
			margin-left: auto;
		}
			#total_downloadcount_stats {
				width:50%;
				float:left;
				height:30px;
				background-color:rgba(255,255,255,0.3);
				padding-top:10px;
				font-size: 12px;
			}
			#weekly_downloadcount_Stats {
				width: 49%;
				float:left;
				height:30px;
				margin-left:1%;
				background-color:rgba(127,127,127,0.3);
				padding-top:10px;
				font-size: 12px;
			}
			#downloadbutton {
				width: 100%;
				height:50px;
				clear:both;
					background-color: rgba(131,88,255,0.5);
				margin-top: 10px;
				border: 1px solid rgba(131,88,255,1);
				border-radius: 10px;
				color: #fff;
				font-size:20px;
				font-weight:bold;
				outline: 0;
			}
			#togglelogform {
				width: 100%;
				height:50px;
				clear:both;
					background-color: rgba(131,88,255,0.5);
				margin-top: 10px;
				border: 1px solid rgba(131,88,255,1);
				border-radius: 10px;
				color: #fff;
				font-size:20px;
				font-weight:bold;
				outline: 0;
			}
			#form_container {
				margin-top:10px;
				width: 100%;
				clear: both;
			}
				#registration_form {
					width: 100%;
					text-align:center;
					display: none;
					margin-top: 30px;
				}
				.formcontain {
					font-size:14px;
					text-align: center;
					font-weight:bold;
					width: 90%;
					clear:both;
					margin-top:10px;
					margin-left: auto;
					margin-right:auto;
				}
				.formdisclaimers {
					font-size:12px;
					text-align:center;
					clear: left;
					background: rgba(0,0,0,0.5);
					width: 90%;
					margin-left: auto;
					margin-right: auto;
				}
        		input[type=text]:not(.passform):not(.halfregform):not(.regform2) {
        			color: #999;
        			width: 90%;
        			height:20px;
        			padding: 10px;
        			margin-left:10px;
        			margin-top:10px;
        			border:solid 1px #ccc;
        			border-radius: 10px;
        		}
        		
				.pass_container{
        			width: 90%;
        			height:30px;
        			background: #fff;
        			margin-left:auto;
        			margin-right:auto;
        			margin-top:10px;
        			padding:5px;
        			border:solid 1px #ccc;
        			border-radius: 10px;
        			text-align: right;
				}
            		input[type=text].passform, input[type=password].passform {
            			color: #999;
            			width: 77%;
            			border:none;
            			height: 12px;
            			float:left;
            			padding: 10px;
    					outline: 0;
            		}
    				.revealpass {
    					float:left;
    					height: 20px;
    					text-align: right;
    					width: 15%;
    				}
				
        		input[type=text].regform2 {
        			color: #999;
        			width: 60%;
        			height:20px;
        			padding: 10px;
        			border:solid 1px #ccc;
        			border-radius: 10px;
        		}
				#phone_code {
					width: 20%;
					height: 30px;
					background: #fff;
					float:left;
					padding-top:10px;
					color: #000;
					border: solid 1px #ccc;
					border-radius:10px;
					cursor: pointer;
				}
				
				.halfregform {
        			color: #999;
        			width: 40%;
        			height:20px;
        			padding: 10px;
        			margin-left:5px;
        			margin-top:10px;
        			border:solid 1px #ccc;
        			border-radius: 10px;
				}
				.submitbuttons {
					width: 90%;
					height:35px;
					clear:left;
					background-color: rgba(131,88,255,0.5);
					margin-top: 10px;
					border: 1px solid rgba(131,88,255,1);
					border-radius: 10px;
					color: #fff;
					font-size:20px;
					font-weight:bold;
					outline: 0;
				}

				#loginform {
					width: 100%;
					text-align:center;
					display: none;
					margin-top: 30px;
				}
				#verificationform {
                    display: none;
					margin-top: 30px;
				}
				a#notphonenumber {
						color: #0099ff;
				}
				a#resend_verification {
						color: #0099ff;
				}
	#footer {
	    width:100%;
		height: 100px;
		text-align: center;
		margin-top:50px;
		font-family: Arial;
		font-weight:bold;
		font-size:12px;
		color: #666;
	}
	#countrymodal {
		position: fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		display: none;
	}
		#countrycontainer {
			margin-left: auto;
			margin-right: auto;
			margin-top: 100px;
			padding:10px;
			height: 300px;
			overflow: scroll;
			background:#fff;
			width: 80%;
		}
			#countrycontainer a {
				color: #333333;
				text-decoration: none;
				margin-top: 5px;
				margin-bottom: 5px;
			}
	
	#promptmodal {
		position: fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		display: none;
	}
		.promptcontainer {
			margin-left: auto;
			margin-right: auto;
			margin-top: 100px;
			padding:10px;
			height: 130px;
			background:#fff;
			width: 300px;
		}
		    #errormessage {
		        color: #000000;
		        font-size: 12px;
		        margin-top: 20px;
		        text-align: center;
		    }
    		.promptbuttons {
    		    background-color: rgba(131,88,255,1);
    		    color: #fff;
    		    border-radius: 10px;
				border: 1px solid rgba(131,88,255,1);
				width: 80px;
				height:25px;
    		}
    #forgotprompt {
		position: fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		display: none;
	}
		    #forgoterrormessage {
		        color: #000000;
		        font-size: 12px;
		        margin-top: 20px;
		        text-align: center;
		    }
		    #forgotmail {
		        font-size: 12px;
		        width: 175px;
		        height: 25px;
		    }