#colorstream_submit_body::selection { background-color: transparent; }
#colorstream_submit_body::-moz-selection{ background-color: transparent; }

#colorstream_submit_body
{
	width:100%;
	height:100%;
	background: url('/img/submit/background.jpg');

	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:"superclarendon-1","superclarendon-2",georgia,"times new roman",serif;
	color:white;
}

#colorstream_submit_body h1,
#colorstream_submit_body h2,
#colorstream_submit_body h3,
#colorstream_submit_body h4,
#colorstream_submit_body h5,
#colorstream_submit_body h6
{
	font-size:50px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}



#colorstream_submit
{
	width:397px;
	height:404px;
	background:#3f9ae9;
	border:0;
	margin:0;
}

#colorstream_submit #colorstream_submit_screens
{
	width:100%;
	height:100%;
	position: relative;
	z-index:50;
	margin:-19px 0 0 0;
	background:#3f9ae9;
}

/* ================================================================================================
HEADER
================================================================================================ */
#colorstream_submit .header
{
	padding:30px 0 0 0;
	width:auto;
	height:auto;
}

#colorstream_submit .header h2
{
	display: block;
	width:100%;
	height:34px;
	margin:0;
	padding:2px 0 0 0;
	font-size:23px;
	position:inherit;
	top:auto;
	left: auto;
	text-indent: 0px;
}

#colorstream_submit .header hr
{
	margin:0 0 10px 0;
	padding:0;
	border:0;
	border-top:1px solid #77b8f0;
}


#colorstream_submit .header p
{
	display: block;
	width:330px;
	height:33px;
	text-transform: uppercase;
	margin:10px 0 0 5px;
}


/* ================================================================================================
 * ================================================================================================
 * ================================================================================================
 * ================================================================================================
SUBMISSION
 * ================================================================================================
 * ================================================================================================
 * ================================================================================================
================================================================================================ */
#colorstream_submit .content
{
	width:340px;
	height:100%;
	padding:0;
	border:0;
	margin:0 auto 0 auto;
	text-align: center;
	z-index:8000;
}



/* ================================================================================================
CLOSE
================================================================================================ */
#colorstream_submit .close
{
	position: relative;
	padding:10px 0 0 0;
	width:100%;
	height:9px;
	z-index:60;
	cursor:default;
}

#colorstream_submit .close .btn
{
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	font-size: 8px;
	text-transform:uppercase;
	text-align: right;

	position: absolute;
	right:12px;

	cursor: pointer;
	display:inline;
}

/* ================================================================================================
FORM FIELDS
================================================================================================ */
#colorstream_submit .submission .form-field.step1,
#colorstream_submit .submission .form-field.step2,
#colorstream_submit .submission .form-field.step3
{
	margin:20px 0 0 0;
}


#colorstream_submit .submission .form-field .refresh
{
	margin:-4px 0 0 0;
	float:right;
	display: block;
	width:28px;
	height:28px;
	cursor:pointer;
	background:url('/img/submit/form/update.jpg') no-repeat 0 0;
	text-indent: -9999px;
}

#colorstream_submit .submission .form-field .refresh:hover { background:url('/img/submit/form/update.jpg') no-repeat 0 -28px; }

#colorstream_submit .submission .form-field h3
{
	width:330px;
	display: block;
	margin:0 0 10px 5px;
	font-size:15px;
	padding:2px 0 0 0;
}



#colorstream_submit .submission .form-field input
{
	width:265px;
	height:17px;
	border:0;
	padding:4px 8px 0 8px;
	line-height:auto;
	background: white;
	text-transform: uppercase;
	font-family: Arial; 
	font-size: 13px;
	font-weight: bold;
	color:#3f9ae9;
}

#colorstream_submit .submission .form-field.step2 input
{
	margin:0 auto 0 auto;
	text-align: center;
}

#colorstream_submit .submission .form-field .fb-login
{
	height:51px;
}

#colorstream_submit .submission .form-field .fb-login .fb-state
{
	margin:0 auto;
	display:block;
	width:140px;
}

#colorstream_submit .submission .form-field .fb-login .logged-in
{
	padding:36px 0 0 0;
	width:225px;
	height:36px;
	cursor:default;
}

#colorstream_submit .submission .form-field .fb-login .logged-in h5
{
	font-size:14px;
	margin:-35px 0 35px 0;
	color:#2f75b3;
}


#colorstream_submit .submission .form-field .fb-login .logged-in .fb-terms .checkbox
{
	margin:0 0 0 -35px;
	cursor: pointer;
	display:block;
	width:14px;
	height:15px;
}

#colorstream_submit .submission .form-field .fb-login .logged-in .fb-terms .checkbox.inactive
{
	background:url('/img/submit/form/checkbox.jpg') no-repeat 0 0;
}

#colorstream_submit .submission .form-field .fb-login .logged-in .fb-terms .checkbox.active
{
	background:url('/img/submit/form/checkbox.jpg') no-repeat 0 -15px;
}


#colorstream_submit .submission .form-field .fb-login .logged-in .fb-terms .txt
{
	margin:-12px 0 5px -15px;
	padding:0;
	border:0;
	width:262px;
	text-transform: uppercase;
}


#colorstream_submit .submission .form-field .fb-login .logged-in .fb-terms .link
{
	padding:0;
	margin:0 0 0 -45px;
	width:320px;
	cursor:pointer;

	color:#2f75b3;

	text-transform: uppercase;
	text-decoration: underline;
}

#colorstream_submit .submission .form-field .fb-login .logged-in .fb-terms .link:hover
{
	color:white;
}

#colorstream_submit .submission .form-field .fb-login .not-logged-in
{
	width:169px;
	height:21px;
	background:url('/img/submit/form/facebook_sign_in.jpg') no-repeat 0 0;
	cursor:pointer;
}

#colorstream_submit .submission .form-field .fb-login .not-logged-in:hover { background:url('/img/submit/form/facebook_sign_in.jpg') no-repeat 0 -21px; }

#colorstream_submit .submission .form-field.step3 p
{
	display:block;
	width:330px;
	margin:5px 0 14px 5px;
	text-transform: uppercase;
}


/* ================================================================================================
FORM BUTTONS
================================================================================================ */
#colorstream_submit .form-area
{
	height:235px;
}

#colorstream_submit #colorstream_submit_form_buttons
{
	width:100%;
	height:30px;
}

#colorstream_submit #colorstream_submit_form_buttons .btn
{
	float:left;
	margin:0px 5px 0 0; 
	display:block;
	width:82px;
	height:28px;
	cursor:pointer;
	
	border:1px solid white;
	font-size:11px;
	line-height:29px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#colorstream_submit #colorstream_submit_form_buttons .btn.back:hover,
#colorstream_submit #colorstream_submit_form_buttons.active .btn.submit:hover,
#colorstream_submit #colorstream_submit_form_buttons.active .btn.continue:hover
{
	border:1px solid #3d9aea;
	color:#3d9aea;
	background:white;
}

#colorstream_submit #colorstream_submit_form_buttons .btn.back,
#colorstream_submit #colorstream_submit_form_buttons.active .btn.submit
#colorstream_submit #colorstream_submit_form_buttons.active .btn.continue
{
	border:1px solid white;
	color:white;
	background:#3d9aea;
}

#colorstream_submit #colorstream_submit_form_buttons.inactive .btn.submit,
#colorstream_submit #colorstream_submit_form_buttons.inactive .btn.continue,
#colorstream_submit #colorstream_submit_form_buttons.inactive .btn.submit:hover,
#colorstream_submit #colorstream_submit_form_buttons.inactive .btn.continue:hover
{
	cursor:default;
	border:1px solid #a2cbf6;
	color:#a2cbf6;
	background:#3d9aea;
}

/* ================================================================================================
GALLERY NAV
================================================================================================ */
#colorstream_submit_thumbnail_gallery
{
	display: block;
	margin:15px auto;
	width:173px;
	height:130px;
	position:relative;
}

#colorstream_submit_thumbnail_gallery .thumbnail
{
	width:100%;
	height:100%;
}

#gallery_nav
{
	display: block;
	width:100%;
	height:17px;
	margin:5px 0 0 49px;
}

#gallery_nav .prev,
#gallery_nav .next
{
	display:block;
	width:35px;
	height:17px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	cursor:pointer;
	float:left;
}

#gallery_nav .next { margin:0 0 0 5px; }

#colorstream_submit_thumbnail_gallery.inactive .prev,
#colorstream_submit_thumbnail_gallery.inactive .prev:hover
{
	cursor:default;
	background:url('/img/submit/form/arrow_prev.jpg') no-repeat 0 0;	
}

#colorstream_submit_thumbnail_gallery.active .prev { background:url('/img/submit/form/arrow_prev.jpg') no-repeat 0 -36px; }
#colorstream_submit_thumbnail_gallery.active .prev:hover { background:url('/img/submit/form/arrow_prev.jpg') no-repeat 0 -18px; }

#colorstream_submit_thumbnail_gallery.inactive .next,
#colorstream_submit_thumbnail_gallery.inactive .next:hover
{
	cursor:default;
	background:url('/img/submit/form/arrow_next.jpg') no-repeat 0 0;	
}

#colorstream_submit_thumbnail_gallery.active .next { background:url('/img/submit/form/arrow_next.jpg') no-repeat 0 -36px; }
#colorstream_submit_thumbnail_gallery.active .next:hover { background:url('/img/submit/form/arrow_next.jpg') no-repeat 0 -18px; }

/* ================================================================================================
 * ================================================================================================
 * ================================================================================================
 * ================================================================================================
THANKS
 * ================================================================================================
 * ================================================================================================
 * ================================================================================================
================================================================================================ */
#colorstream_submit .thanks
{
	display:none;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:url('/img/submit/thanks/bg.jpg') no-repeat 0 0;	
}

#colorstream_submit .nav
{
	width:260px;
	height:30px;
	margin:250px auto 0 auto;
}

#colorstream_submit .nav .back
{
	float:left;
	width:123px;
	height:28px;
	cursor:pointer;

	border:1px solid white;
	font-size:11px;
	line-height:28px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}


#colorstream_submit .nav .close
{
	padding:0;
	float:left;
	width:123px;
	height:28px;
	cursor:pointer;
	margin:0 0 0 5px;

	border:1px solid white;
	font-size:11px;
	line-height:28px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#colorstream_submit .nav .back:hover,
#colorstream_submit .nav .close:hover
{
	border:1px solid #3d9aea;
	color:#3d9aea;
	background:white;
}

/* ================================================================================================
BOOKMARKLET
================================================================================================ */
#colorstream_submit .bookmarklet
{
	display: none;
}

#colorstream_submit .bookmarklet .instructions
{
	display:block;
	width:330px;
	height:239px;
	margin:0 auto 0 0;
}

#colorstream_submit .bookmarklet .instructions li
{
	margin:0 0 0 0;

	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height: 13px;

	text-transform: uppercase;
	text-align: left;
}

#colorstream_submit .bookmarklet .instructions li span.step
{
	display:block;
	float:left;
	font-size:20px;
	height:20px;
	border-bottom: 1px solid #78b8f0;
}

#colorstream_submit .bookmarklet .instructions li span.instructions-txt
{
	float:left;
	display: block;
	margin:-26px 0 18px 84px;
}


#colorstream_submit .bookmarklet .bookmark
{
	display: block;
	
	position: absolute;
	top:271px;
	left:0px;
	
	width:100%;
	height:85px;
	background: url('/img/submit/bookmarklet/instructions/bg.jpg') no-repeat 0 0;
}


#colorstream_submit .bookmarklet a,
#colorstream_submit .bookmarklet a:hover,
#colorstream_submit .bookmarklet a:active,
#colorstream_submit .bookmarklet a:visited
{
	display: block;
	margin:52px auto 0 auto;
	
	width:130px;
	height:28px;
	background:white;
	color:#3e9ae9;
	font-family:Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 28px;
}

#colorstream_submit .bookmarklet .footer
{
	display: block;
	width:100%;
	position: absolute;
	top:367px;
	left:0;
}

#colorstream_submit .bookmarklet .footer .back
{
	cursor:pointer;
	display: block;
	width:82px;
	height:28px;
	margin:0 auto;

	border:1px solid white;
	font-size:11px;
	line-height:29px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#colorstream_submit .bookmarklet .back:hover
{
	border:1px solid #3d9aea;
	color:#3d9aea;
	background:white;
}


/* ================================================================================================
FOOTER
================================================================================================ */
#colorstream_submit_footer
{
	display: block;
}

#colorstream_submit_footer .txt
{
	display:block;
	float:left;
	width:298px;
	margin:10px 0 0 15px;

	text-align: left;
	
	font-size:8px;
	font-weight: bold;
	color:#1d3a5b;
	text-transform: uppercase;
}

#colorstream_submit_footer .btn
{
	margin:-16px 0 0 315px;
	display:block;
	float:left;
	width:107px;
	height:25px;
	background:url('/img/site/global/colorstream/submit/bookmarklet_btn.png') no-repeat 0 0;
	cursor:pointer;
	color:white;

	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size:12px;
	line-height: 25px;
}

#colorstream_submit_footer .btn:hover
{
	color:#7ecbff;
	background:url('/img/site/global/colorstream/submit/bookmarklet_btn.png') no-repeat 0 -25px;
}