﻿/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
     margin:0;
     padding:0;
     }
     
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
     
/* Remove list-style for lists */
ol, ul {list-style:none;}
			  
/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
     font-style:normal;
     font-weight:normal;
     }
     
/* Removes borders and spacing from tables */
table {
     border-collapse:collapse;
     border-spacing:0;
     }
     
/* Removes border from fieldset and img */
fieldset, img {border:0;}
     
/* Left-aligns text in caption and th */
caption, th {text-align:left;}
     
/* Removes quotation marks from q */
q:before, q:after {content:'';}
     
/* Begin regular style declarations */
body {text-align:center; margin:10px; background-color:#fff;}
	
.center {text-align:center;}
.footer {font-family:Verdana,Arial,Tahomal,Sans-Serif; text-align:left; font-size:10px;}

.main-content {width:920px; height:885px; background:url(images/shareyourstory/background.jpg) top left; /*float:left;*/ margin:0 auto; text-align:left; position:relative;line-height:15px;}
	* html .main-content {overflow:hidden; behavior:url(js/iepngfix.htc);}


.whitestrip1 {width:400px; height:100%; background:url(images/shareyourstory/largewhitestrip.png); margin-left:130px; float:left; overflow:hidden;}
* html .whitestrip1 {/*margin-left:55px;*/ display:inline; behavior:url(js/iepngfix.htc);}

.whitestrip1 .logo {margin-top:240px; height:90px; text-align:center;}
.whitestrip1 p {font-family:Verdana,Arial,Tahomal,Sans-Serif; text-align:center; font-size:12px; /*width:320px;*/ margin:20px auto; width:95%;}
.whitestrip1 ul {width:225px; margin:0 auto;}
.whitestrip1 ul li {list-style:none; height:26px; padding-bottom:5px;}
.whitestrip1 .footer {padding:40px 0 0 10px;}
	* html .whitestrip1 .footer  {padding:30px 0 0 10px;}

.whitestrip2 {width:220px; height:885px; background:url(images/shareyourstory/largewhitestrip.png); margin-left:130px; float:left; overflow:hidden; z-index:0; position:absolute;}
	* html .whitestrip2 {/*margin-left:70px;*/ display:inline; behavior:url(js/iepngfix.htc);}
.whitestrip2 p span {margin:10px auto 0 auto;}
.whitestrip2 p img {margin:10px auto 0 auto;}

.form-border {width:770px; height:758px; border:solid #ffffff 8px; margin:/*75px*/0 auto; z-index:1; position:relative; top:65px;}
	/* html .form-border{MARGIN: 65px auto 0px -290px}*/
.form-content {width:770px; height:758px; position:relative;}
.transparency {
	opacity:0.6;   
	filter:alpha(opacity=60);
	-moz-opacity:0.6;   
	background-color:#000000;   
	width:100%;   
	height:758px;   
	position:absolute;   
	top:0px;   
	left:0px;   
	z-index:-1;
	} 
	* html .transparency {height:577px;}
.form-content .leftcol {width:360px; margin-left:75px; padding-top:15px; float:left; display:inline;}
.form-content .leftcol img {margin-bottom:15px;}
.form-content .leftcol ul.formfields {}
	* html .formfields {margin-top:14px; line-height:13px;}
.form-content .leftcol ul.formfields li {overflow:hidden; padding-bottom:5px;}
.form-content .leftcol ul.formfields li input {width:345px; margin-top:8px; margin-bottom:10px;}
.form-content .leftcol ul.formfields li textarea {width:345px; margin-top:8px; margin-bottom:10px;}
.form-content .leftcol ul.formfields li span {font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; font-weight:bold; color:#fff;}

.form-content .rightcol {width:270px; padding-left:40px; padding-top:15px; float:left;}
.form-content .rightcol ul.formright li {overflow:hidden; width:270px; padding:0 0 10px 0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; color:#fff;}
.form-content .rightcol ul.formright li.select {padding-bottom:5px;}
.form-content .rightcol ul.formright li .bg {/*height:160px*/; padding:0px 5px 5px 5px; width:270px;}
/** html .form-content .rightcol ul.formright li .bg {height:130px; padding:0px; width:270px;}*/
.form-content .rightcol ul.formright li .checkboxes {list-style:none; width:130px; font-size:12px; float:left;}
.form-content .rightcol ul.formright li .checkboxes li {padding:3px! important; width:125px; margin-top:-3px; position:relative;}

.TermsOfUse {margin:0 0 0 5px;}
	/* html .TermsOfUse {margin-left:0px;}*/
.TermsOfUse a {color:#fff;}
.form-content .rightcol ul.formright li .TermsOfUse input {float:left; width:auto/*10px*/; height:13px; margin:0 6px 0 0; vertical-align:top; display:inline;}

.form-content .rightcol ul.formright li .checkboxes li input {float:left; width:10px; margin:0px;}
.form-content .rightcol ul.formright li .checkboxes li label {float:left; margin-top:0px; margin-left:6px;}

#cblActivity {padding:0; width:100%;}
#cblActivity tr td {padding:4px 0 0 0;}
#cblActivity input {float:left; width:auto/*10px*/; height:13px; padding:0; margin:0px; vertical-align:top;}
#cblActivity label {float:left; margin:0 0 0 6px;}

.form-content .rightcol ul.formright li p {padding:5px 0px;}
.form-content .rightcol ul.formright li p.pflickr {font-size: 10px;}
.form-content .rightcol ul.formright li input {width:260px;margin-top:8px;}
.form-content .rightcol ul.formright li textarea {width:260px;margin:0px;}
.form-content .rightcol ul.formright li p {color:#fff;font-family: Arial, Tahoma, Verdana, Sans-Serif;font-size:12px;}
.form-content .rightcol ul.formright li span.ttl {font-family: Arial, Tahoma, Verdana, Sans-Serif;font-size:14px;font-weight:bold;color:#ffffff;}

.form-content .rightcol ul.formright li p.youtube {float:left; width:55px; position:relative;}
	* html .form-content .rightcol ul.formright li p.youtube span {position:relative;}
	* html .form-content .rightcol ul.formright li p.youtube img {position:relative;}
.view-btn {text-align:left; clear:both; padding-top:75px;}
.view-btn img {float:left; margin-left:180px; margin-top:0px; position:relative;}
.view-btn .footer {float:left; margin-left:160px;}
.legal {color:#fff; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:10px;}
.browsebtn {float:right; margin-right:6px;}
.viewstories {margin:0 auto; text-align:center; padding-top:30px;}

.back {margin-left:25px;}
.back a {color:#fff;}

* html .formright .sharebutton {margin-top:-20px;}

.errorscreen {padding:30px 0 0 70px;width:100%;font-weight:bold;font-family: Arial, Tahoma, Verdana, Sans-Serif;font-size:12px;color:#fff;}
	* html .errorscreen {width:600px;}
.errorcopy {padding-top:45px;}
.errorcopy ul {WIDTH: 600px; TEXT-ALIGN: center;padding-top:80px}
.errorcopy ul li {margin:3px auto;}

.pthanks {line-height:22px;}
.thanks-foot {position:relative; top:-36px; width:920px; margin:0 auto;}
.thanks-foot .footer {margin-left:455px;}
	* html .transparency{height:565px! important}

.canvas {
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px;
	right:0px;
	overflow:hidden; 
	padding:0; 
	margin:0; 
	background-color:#000; 
	filter:alpha(opacity=50); 
	opacity:0.5; 
	z-index:1000; 
	display: none;
	}
.modalPopUp {
	position:fixed; 
	top:13%; 
	left:21%;
	padding:50px 55px 25px 55px; 
	width:700px;
	height: 400px; 
	z-index:9999; 
	background-color:#000;
	border:solid 3px #fff;
	color: #fff;
	display: none;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 14px;
	}
	
* html .modalPopUp {position: absolute; margin: 20px 0 0 -25px; left: 0; top: 0;}

.modalPopUp p {margin-bottom: 25px;}

.modalPopUp .button-close {text-align: center; margin-top: 50px;}
.modalPopUp .button-close a {color: #f0ad3a; text-decoration: underline; text-transform: uppercase;}
.modalPopUp .button-close a:hover {text-decoration: none;}

.captcha {/*left:150px; top:510px;*/position:absolute; bottom:25px; z-index:9998;}


