/* 
    Created on : 19-Dec-2014, 12:10:08 PM
    Author     : vicky
*/

@charset "UTF-8";
/**  CSS Reset  ***************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, ins, kbd, q, s, samp, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	
    margin:0px; 
    width: 100%;                                                                                                                                                                                            
    padding:0px; 
	margin:0px; 
    border:0px; 
    border-collapse:separate; 
    border-spacing:0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    text-decoration:none;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	z-index: 5;
	background-color: #000000;
	text-align: left;
}
/** End of CSS Reset **********************************************************/

/** Main Content **************************************************************/
body { background: url('/images/signup/bg.png') no-repeat scroll center top rgba(0,0,0,0); }
.center { width: 700px; margin: 0 auto; text-align: center; display: block; overflow: hidden; }
.nerr { width: 700px; margin: 0 auto; text-align: left; display: block; overflow: hidden; }
.nerre { width: 700px; margin: 0 auto; text-align: center; display: block; overflow: hidden; }
.nerrs { width: 60px; }

h1 { font-size: 36px; font-weight: bold; margin: 10px 0 20px; color: #333333; }
h2 { font-size: 20px; font-weight: bold; margin: 10px 0 20px; color: #333333; }
h3 { font-size: 20px; font-weight: bold; margin: 20px 0 20px; color: #333333; }

.header { background: #3A3A3A; display: block; overflow: hidden; padding: 0;}
.mobile {display: none;}
.container {display: block; width: 100%; overflow: hidden; margin: 20px auto; }

.container .signup-paragraph, .container .form-container p { color: #333333; text-align: left; font-size: 16px; line-height: 30px; margin-bottom: 20px;}
.container .signup-paragraph .illumination { font-weight: bold; }

.container .form-container { margin: 20px 0; overflow: hidden;  }
.container .form-container.advertiser{width: 500px; margin: 20px auto;}
.container .form-container form label { display: none;}
.container .form-container form li {display: block; width: 500px; margin: 20px auto; overflow: hidden;}

/*.container .form-container form p {margin: 0;}*/
.container .form-container form label[for=advertiser_company_geographic_regions] {display: block; margin: 20px 0 5px;}
.container .form-container form input, .container .form-container form select {
	background: #DFDFDF; border-image: none; border-style: none none; border-width: 0 0; display: block;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 16px; height: 35px; max-width: 100%; outline: medium none; padding: 5px 10px; width: 100%;
    -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #9ea1a3;
}

.container .form-container form select { color: #787878; }
.container .form-container form select option { color: #FFFFFF; background: #0C95D3; border-bottom: 1px solid #43AFE4; padding: 10px;}
.container .form-container form input:focus { background: #FFFFFF; border: 1px solid #0C95D3; }
.container .form-container form select#advertiser_company_geographic_regions {height: 300px;}
.container .form-container form select#advertiser_company_geographic_regions option { color: #787878; background: #DFDFDF; }
.container .form-container form select#advertiser_company_geographic_regions:selected { background: #FFFFFF; border: 1px solid #0C95D3; }

.container .form-container form input[type=checkbox] { display: block; float: left; overflow: hidden; width: auto; line-height: 20px; height: 24px;}
.container .form-container form label.terms_label, 
	.container .form-container form label.privacy_label {display: inline-block; float: left; width: auto; line-height: 20px; font-size: 16px; padding: 5px 10px;}
.container .form-container form label[for=advertiser_company_agency_services] {display: inline-block; float: right; width: 90%; line-height: 20px; font-size: 16px; padding: 24px 10px;}
	
.container .form-container form label.terms_label, .container .form-container form li a { display: inline-block; float: left; width: auto; line-height: 20px; font-size: 16px; padding: 5px 10px; }

.container .form-container form input[name=captcha_response] { width: 65%; float: left; margin-top: 10px;}
.container .form-container form img#captcha_challenge { width: auto; float: right; }

.container .form-container form input[type=submit] { 
	background: #0C95D3; color: #FFFFFF; border-image: none; border-style: none none; border-width: 0 0; display: block; float: none; text-transform: uppercase;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: 300; height: 42px; max-width: none; padding: 8px 26px; margin: 0 auto; width: auto;
    -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #9ea1a3; 
}

.container .form-container form #form_controls { text-align: center; padding: 10px 0;}
.container .form-container form input[type=submit]:focus { border: none; }

li#qcon_243 label, li#qcon_259 label, li#qcon_550 label, li#qcon_551 label, li#qcon_553 label, li#qcon_548 label { display: block; float: left; width: auto; line-height: 20px; font-size: 16px; padding: 5px 10px; width: 100%; text-align: left;}
.container .form-container form .checkboxgroup {overflow: hidden; display: block; }
.container .form-container form .checkboxgroup span.checkboxContainer {display: block; overflow: hidden; width: 100%; text-align: left; line-height: 30px; }
.container .form-container form .checkboxgroup span.checkboxContainer input[type=checkbox] { line-height: 20px; height: 24px; margin: 5px 10px 5px 10px;}

textarea.formTextArea, textarea.input_contact {width: 90%; margin: 0 auto;  }

.signup_error, .error_list {color: #FF7589;}
.container .form-container form ul.error_list li {margin: 20px 0 0; width: 100%; }




@media only screen and (min-width: 240px) and (max-width: 699px) {
	
	.header {display: none;}
	.mobile {background: #3A3A3A; position: fixed; bottom: 0px; display: block; overflow: hidden; padding: 0;}
	.mobile img{ padding: 0 5px; }
	
	.center {width: 96%; margin: 0 auto;}
	.container { margin: 10px auto 20px; }
	.container .form-container.advertiser {width: 90%; }
	
	.container .signup-paragraph, .container .form-container p { font-size: 14px; line-height: 20px; margin-bottom: 20px;}
	.container .form-container form li {display: block; width: 90%; margin: 20px auto; overflow: hidden; }
	.container .form-container form label.terms_label, .container .form-container form li a {width: 84%; text-align: left; }
	.container .form-container form input[name=captcha_response] { width: 100%; }
	.container .form-container form img#captcha_challenge {float: none; margin: 0 auto;}
	
	.container .form-container form label[for=advertiser_company_agency_services] {width: 80%; overflow: hidden;}
}