@charset "utf-8";


/*********************************************************************
**********************************************************************
**********************************************************************
       
					   Hey, eager templater!!!
				
All of this stuff in this top section is structure/layout, and
is highly recommended to not betouched unless you know what you
are doing.  Changing the values can result in a broken layout.
It is recommended you stick to the template PSD provided and cut 
graphics out to the sizes provided for the most efficient and
predictable results.  Just jump to the "Customization Time" area
to get started!

One note:  ANY IMAGES LINKED UP WILL NEED TO BE HOSTED BY YOU AND
THE CORRECT PATH CHANGED IN THE CSS BELOW.  FAILURE TO DO SO MAY
RESULT IN BROKEN IMAGES.

**********************************************************************
**********************************************************************
*********************************************************************/

/**********************************
Body Styling
**********************************/

/* Contest Types */
body#photo {  } /* defines a photo UGC contest */
body#video {  } /* defines a video UGC contest */
body#audio {  } /* defines a audio UGC contest */
body#text {  } /* defines a text UGC contest */
body#mixed {  } /* defines a mixed UGC contest */

/* Individual Page Styles */
body.home {  } /* override for home/welcome/landing page */
body.registration {} /* override for registration page */
body.submissions {  } /* override for submission page */
body.submissions-detail {  } /* override for submission detail page */
body.prize {  } /* override for prize page */
body.winners {  } /* override for winner page */
body.signin {  } /* override for sign in page */
body.misc {  } /* override for all additional pages */

/* Page and Module Containers */
#container-bg { background: url('https://images.tritondigital.com/resources/napcampaigns/active/2015/taxes/bg-top.jpg') repeat-x center top #002a89; background-attachment: scroll !important; background-position: center top !important;  } /* Additional background container, for more complex, double layer backgrounds */
#container-contest {width:800px; } /* Main contest container - tinkering can prove fatal */
#container-header {} /* Header and Nav container */
#container-contentbg {width:800px;} /* Font content background */
#container-content {margin:0 auto; width:800px;} /* Content container */
#container-footer {width:800px; height:101px;  padding:16px 0 0 0; font-size:12px; position:relative;  width: 800px; margin: 0 auto; } /* Footer container */

@media only screen and (min-width: 1px) and (max-width: 767px) {
#container-footer {width:auto;} /* Footer container */
}

#container-gallery {  } /* Gallery module container */
.container-vote {  } /* Submission voting container */

/**********************************
Global Modules
**********************************/

/* Header */
#header {overflow:hidden;} /* Header, containers logo/branding which is uploaded in the backend.  May have a background image set for transaparent png purposes */
#header img {width:100%;} /* Properties for image-based contest title */
#header h1 {margin:0; position:relative;} /* Text-based contest title properties */

/* Navigation Bar */
#navigation {height:0px !important;} /* Main navigation bar */
#navigation ul {} /* Careful... */
#navigation ul li {font-size:1.3em; height:52px;} /* Seriously, careful... */
#navigation ul li.last {} /* I'm only going to say it one more time...careful... */

#navigation ul li a, #navigation ul li a:hover {display:block;padding:.675em 10px;} /* Navbar link styling */
#navigation ul li a:hover {  } /* Navbar hover link state styling */
#navigation ul li a.home {  } /* Home navbar link */
#navigation ul li a.register {  } /* Registration navbar link */
#navigation ul li a.submit {  } /* Submission navbar link */
#navigation ul li a.gallery {  } /* Gallery navbar link */
#navigation ul li a.prize.winner {  } /* Prize and Winner navbar link */
#navigation ul li.last a.signin {  } /* Sign in navbar link */

/* Typography */
h1.pagetitle, #gallery-header h1 {font-size:2.0em;font-weight:normal;} /* Title of page as defined in backend */
p.textblock {} /* Text/description as defined in backend */

/* Buttons */
.di-uix-button {overflow:visible; display:block; text-decoration:none; border:0; height:31px;}

/**********************************
Homepage Modules
**********************************/

/* Contest Date and Time Table */
table.dates {} /* Main table container */
table.dates tr {} /* Table row styling */
table.dates tr th, table.dates tr td {text-align:center;}
table.dates tr th.first {} /* Styling for top-left table header */
table.dates tr th {} /* Table headers styling */
table.dates tr td.first {} /* Styling for leftmost row header */
table.dates tr td {} /* Table data cells */

/**********************************
Registration Modules
**********************************/
input.smalltext, textarea.largetext, select, input[type=file] {border:none; padding:.4em; font-size:1.2em;} /* Properties for form elements */
input.smalltext:focus, textarea.largetext:focus, select:focus, input[type=file]:focus {} /* Form element hover properties */
.inputcontainer {width:95%;} /* Sets size for form element containers */
#container-registration form input[type="submit"], #container-signin form input[type="submit"], #container-submit form input[type="submit"], a.iossubmit, #container-signin input[type="button"] { 
width: 186px !important; height: 44px;  border: none; color:#fff; font-size:18px;  overflow: visible; background: #ed1f24; border-radius: 4px; } /* Properties and image for submit buttons - YOU WILL NEED TO HOST YOUR IMAGE ON YOUR OWN HOSTING IF YOU CHOOSE TO USE A BACKGROUND IMAGE */
#container-registration form input[type=submit]:hover, #container-signin form input[type=submit]:hover, #container-submit form input[type=submit]:hover, a.iossubmit:hover, #container-signin input[type="button"]:hover {background: #d20e02; no-repeat;
width: 186px !important; height: 44px; } /* Properties and image for submit button hover - YOU WILL NEED TO HOST YOUR IMAGE ON YOUR OWN HOSTING IF YOU CHOOSE TO USE A BACKGROUND IMAGE */

/**********************************
Submission Modules
**********************************/
#submissionconfirm {}

/**********************************
Gallery Modules
**********************************/
#gallery-header {line-height:25px;} /* Clearing container for header elements */
#gallery-header h1 {} /* Unique styling for Recent Submissions header */
#gallery-header a {vertical-align:photoline;line-height:3em;display:block;padding:0px 10px;text-decoration:none;} /* View Submissions/Search link */
#gallery-header a:hover {} /* View Submissions/Search link hover styles */

.gallery {background:#d7d7d7; padding:17px 0 0;} /* Main unordered list for gallery */
.gallery li.galleryrow {margin:0 auto;} /* Individual rows for gallery */
.gallery li.galleryrow ul {margin:0 auto;} /* Child lists for gallery rows */
.gallery li.galleryrow ul li {width:100px;padding:5px 5px;text-align:center;} /* Individual submission items */
.gallery li.galleryrow ul li:last-child, .gallery li.galleryrow ul li.last {} /* Last item in gallery list */
.gallery li.galleryrow ul li h1 {line-height:1.1em;margin:0;color:#222;} /* Submission Name */
.gallery li.galleryrow ul li h2 {line-height:1.2vem;margin:0;color:#666;} /* Submitter's Name */
.gallery li.galleryrow ul li div.flagcontainer {} /* Link container for submission item, covers IMG */


/* Gallery nav */
.gallery-nav {width:100%;} /* Gallery nav width */
.gallery-nav-back, .gallery-nav-more {margin:0 5px; float:left;} /* Gallery nav properties */
.gallery-nav-back {min-width:127px; line-height:31px; float:left;} /* Gallery back button */
.gallery-nav-back:hover {} /* Gallery back hover button */
.gallery-nav-more {min-width:127px; line-height:31px; float:right;} /* Gallery more button */
.gallery-nav-more:hover {} /* Gallery more hover button */
.gallery-nav-back.disabled, .gallery-nav-back:hover.disabled { width:127px;} /* Gallery back disabled button */
.gallery-nav-more.disabled, .gallery-nav-more:hover.disabled { width:127px;} /* Gallery more disabled button */
.gallery-nav span {display:none;} /* Gallery nav seperator */

/* Submission item actions */

/* Submission branding */
.gallery li.galleryrow ul li.featured div.badge {} /* Promoted submission */
.gallery li.galleryrow ul li.winner div.badge {} /* Unranked winner branding */
.gallery li.galleryrow ul li.winner.first div.badge {} /* 1st place winner branding */
.gallery li.galleryrow ul li.winner.second div.badge {} /* 2nd place winner branding */
.gallery li.galleryrow ul li.winner.third div.badge {} /* 3rd place winner branding */

/**********************************
Gallery Detail Modules
**********************************/
h1.submission-title {} /* Main submission title header */
h2.submission-owner {font-weight:normal; font-size:1.6em;} /* Submission uploader name */
p.submission-description {margin:0 0 1em;} /* Submission description */
img.submission-large {} /* Properties for large submission image */
.submission-controls {} /* Properties for bottom submission controls */
.submission-controls .container-vote {} /* Vote controls container */
.submission-controls .container-vote a.vote { width:127px; height:31px; overflow:visible; border:0; display:block;} /* Control to cast vote */
.submission-controls .container-vote a.vote:hover {} /* Cast vote hover */
.submission-controls .container-vote p {font-size:1.4em; line-height:2em;} /* Display of current votes */
.submission-controls .container-vote p span {font-size:1.8em; color:#F60; font-weight:bold;} /* Display of current votes */
.submission-controls .container-social {} /* Social controls container */
.submission-controls .container-social ul.social-controls {} /* Social grouping */
.submission-controls .container-social ul.social-controls li {} /* Social list items */
.submission-controls .container-social ul.social-controls li a {} /* Properties for social links */
.submission-controls .container-social ul.social-controls li a:hover {} /* Properties for social link hovers */
.submission-controls .container-social ul.social-controls li a.facebook {} /* Image for facebook share */
.submission-controls .container-social ul.social-controls li a.twitter {} /* Image for twitter share */
.submission-controls .container-social ul.social-controls li a.email {} /* Image for email share */

/**********************************
Sign In Modules
**********************************/
#container-signin .inputcontainer.twocol .coltwo {min-height:280px; width:47%; padding:0 0 0 1.5em;} /* Set layout properties for signin structure */



/*********************************************************************
**********************************************************************
**********************************************************************
       
					   Customization Time!!!
				
				The vast majority of any changes
				you'll do will be here.  Colors,
				backgrounds, font styles, can be
				changed from here.  Have fun! 

**********************************************************************
**********************************************************************
*********************************************************************/

body {background: url() repeat center top #fff; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 18px;} /* Background color, font style and color for entire page */

a, a:link, a:active, a:visited {color:#457294;} /* Link color */
a:hover {color:#e6c282;} /* Link hover color */
h1.pagetitle, #gallery-header h1 {color:#666;} /* Large heading color/styles */

#header { background: no-repeat center top;  } /* Background color for header box */

/* Depending on whether you use an image or header text, set the unused element to display:none; */
#header img { }
#header h1 {color:#fff;} /* Color and/or font for main contest title */

#navigation {background:#acacac;} /* Menu bar background */
#navigation ul li a, #navigation ul li a:hover {color:#fff;text-decoration:none;} /* Menu link color/styles */
#navigation ul li a:hover {background:#757575;} /* Menu link hover color/styles  */

#container-contentbg, #container-footer { position:relative;  } /* Background color or image for content */
#container-content { border-bottom:4px solid #e6e6e6;} /* Border seperating main content from footer */

input.smalltext, textarea.largetext, select, input[type=file] {background-color:#ebebeb; color:#000;} /* Form field background and font colors */
input.smalltext:focus, textarea.largetext:focus, select:focus, input[type=file]:focus {background-color:#dbdbdb;} /* Clicked-on form field focus colors */

table.dates tr th, table.dates tr td {border:3px #ebebeb solid;} /* Border/spacing for date table */
table.dates tr th.first {background:transparent;border:none;} /* Styling for top-left date table header */
table.dates tr th {background-color:#525252;color:#fff;} /* Styling for date table headers */
table.dates tr td.first {background-color:#818181;color:#fff;} /* Styling for leftmost row header */
table.dates tr td {background-color:#d4d4d4;color:#333;} /* Styling for regular date table cells */

#gallery-header a {background:#c6c6c6;color:#333;} /* View Submissions/Search link */
#gallery-header a:hover {background:#afafaf;} /* View Submissions/Search link hover */
.gallery {background:#d7d7d7;} /* Gallery background color/image */

#detailView .container-vote p span {color:#F60;} /* Color for number of votes */
#container-submit .inputcontainer.twocol .coltwo, #container-signin .inputcontainer.twocol .coltwo {border-left:1px dotted #999;} /* Middle border/divider on Register and Submit pages

/**********************************
Button Customization
**********************************/

/*Text Custominzation*/
#detailView .container-vote a.vote, a.di-uix-button, .di-uix-button {color:#FFF; text-transform:uppercase; font-size:16px; font-weight:bold; text-decoration:none;}

/*Normal State*/
#detailView .container-vote a.vote, .di-uix-button, #container-content input.ui-button {background: #ca181c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/*Hover State*/
#detailView .container-vote a.vote:hover, .di-uix-button:hover, #container-content input.ui-button:hover {background:#d71b20;}

/*Disabled State*/
.di-uix-button.disabled, .di-uix-button:hover.disabled {background:#d9dada;}


.clear {
clear: both;	
}




img {
	max-width:100%;
	border-color: white;
	height: auto;
}



/*Tax 2015*/

h1 {font-family: 'Open Sans', sans-serif; !important; font-size: 36px; text-align: center; margin-bottom:20px; color: #ed1f24; text-transform: uppercase; }
h2 { font-family: 'Open Sans', sans-serif; !important; font-size:24px; text-align: left; text-transform: uppercase; color: #000; }
h3 { font-family: 'Open Sans', sans-serif; !important; font-size:20px; text-align: center; text-transform: uppercase; color: #ed1f24; max-width: 664px; margin: 0 auto 20px;}
h2 i {font-size: 30px;}
#section-one {margin: 0 auto; color:#000; background #f8f8f8;}
.left-content {float:left; width: 50%;}
.lobster-style {font-family: 'Lobster', cursive; color: #ed1f24; font-size: 22px;}
.open-style { color: #ed1f24; }
#section-three {margin: 0 auto; color: #000; padding: 20px 0;}
#section-three p {padding: 20px 0 0 0; margin: 0px;}
.full-width {background: url('https://images.tritondigital.com/resources/napcampaigns/active/2015/taxes/section-three-bg.jpg') center no-repeat #f8f8f8;   }
#container-contentbg {background: #002a89; top: -97px;}
.social-controls .share-text {}
#section-two {margin: 0 auto; background: #002a89;}
#section-one::before {background-color: #f8f8f8; content: ""; height: 106px; position: absolute; transform: translateY(-101px); width: 100%; z-index: -1;}
#section-two p {margin-bottom: 0;}
.confirmation-page {max-width: 664px; margin: 0 auto; padding: 30px;}
#navigation.sweeps {margin: 0 auto 20px; max-width: 664px;}
#navigation .nav-username .username {color: #000;}

.sweeps {position:relative; top: 40px;}



/*container expansion*/
#container-contest {width:100%;}
#container-contentbg {width:100%;}
#container-content {width: 100%; border-bottom: #002a89; padding:47px 0;}
#section-one { background: #f8f8f8;}
.content-condensed {max-width: 664px; margin: 0 auto; padding: 2%;}


/*contain the rest of the contest*/
.center, .ad-320-50, .ad-468-60, .ad-728-90, .ad-320-50, .ad-468-60, .ad-728-90 {max-width: 664px; margin: 0 auto;}
div.pagetitle-container {max-width: 664px; margin: 0 auto; color: #000;}
div.contest-ends-block {max-width: 664px; margin: 0 auto;}
#authForm {max-width: 664px; margin: 0 auto;}
#container-footer {background: #002a89;}
#RegistrationForm {max-width: 664px; margin: 0 auto;}




.enter-button {width: 260px; margin: 0 auto;  }
.enter-button a {text-decoration: none; color: #fff;  background-color: #fd4a1c; background-image: -webkit-gradient(linear, left top, left bottom, from(#fd4a1c), to(#d00d02));
 background-image: -webkit-linear-gradient(top, #fd4a1c, #d00d02);
 background-image: -moz-linear-gradient(top, #fd4a1c, #d00d02);
 background-image: -ms-linear-gradient(top, #fd4a1c, #d00d02);
 background-image: -o-linear-gradient(top, #fd4a1c, #d00d02);
 background-image: linear-gradient(to bottom, #fd4a1c, #d00d02);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fd4a1c, endColorstr=#d00d02); box-shadow: inset 0 1px 0 #ff9f85; border: 1px solid #ea3100; padding: 5px 10px;}

.list-left {width: 30%; float: left;}
.list-right {width: 35%; float: right;}
.hr {margin-top: 40px;}
li { font-size: 14px;}
.image-top {margin-bottom:20px;}








/*.enter-button a {padding: 16px 22px; background: #e5061f; text-decoration: none; font-size: 28px; display: block; color: #fff; width: 250px; margin: 0 auto; text-align: center;}*/

.red-bg {background: URL("https://images.tritondigital.com/resources/napcampaigns/active/megacontest/halloween/red_bg.jpg"); width: 800px; height:438px;}
.left-image {float: left;}
.right-text {float: right; width:60%; padding-top: 10px; }
p.text-reduce {font-size: 16px;}
.click-button {}

.left-text {float: left; width: 60%;}
.right-image {float: right;}
hr {color:#ebebeb; margin-top: 2%; width: 86%;}
#section-four {width: 88%; margin: 0 auto; padding-top: 32px;}
.ad { float: right; font-size: 12px; margin-top: 5%; }
#section-five { width: 88%; margin: 0 auto;}
#enter-now {}

.enter-button a:hover{background: #d00c01 !important; }

h4 { margin-top: 10px;font-size: 12px; font-weight: normal; text-align: center;}
#header {position: relative; }
.contentblock {position: relative; }
.click-button a {
 background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#f29513), to(#e9a93d));
 background-image: -webkit-linear-gradient(top, #f29513, #e9a93d);
 background-image: -moz-linear-gradient(top, #f29513, #e9a93d);
 background-image: -ms-linear-gradient(top, #f29513, #e9a93d);
 background-image: -o-linear-gradient(top, #f29513, #e9a93d);
 background-image: linear-gradient(to bottom, #f29513, #e9a93d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f29513, endColorstr=#e9a93d);
	display:inline-block;
	cursor:pointer;
	color:#000;
	padding:15px 30px;s
	text-decoration:none;

	}
.click-button a:hover { background: #f29513;  }
.click-button-one a {
 background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#f29513), to(#e9a93d));
 background-image: -webkit-linear-gradient(top, #f29513, #e9a93d);
 background-image: -moz-linear-gradient(top, #f29513, #e9a93d);
 background-image: -ms-linear-gradient(top, #f29513, #e9a93d);
 background-image: -o-linear-gradient(top, #f29513, #e9a93d);
 background-image: linear-gradient(to bottom, #f29513, #e9a93d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f29513, endColorstr=#e9a93d);
	display:inline-block;
	cursor:pointer;
	color:#000;
	padding:15px 34px;
	text-decoration:none;

	}
.click-button-one a:hover { background: #f29513;  }

hr {color:#ebebeb; margin-top: 7%; width: 86%;}












/*Universal*/

#container-registration { padding: 20px 71px 0 71px;}
input.smalltext, textarea.largetext, select, input[type="file"] {background: #BOAD97;
}

.button-enter {
	margin-top:50px; font-weight: bold;
}
.text-center {
text-align: center;	
}
.clear {
clear: both;	
}
#container-bg { background-attachment: scroll !important;}
.center {
margin: 0 auto;	
}

#detailView .container-vote a.vote, .di-uix-button, #container-content input.ui-button {
    background: none repeat scroll 0 0 #ed1f24;
	color: #fff;
	height: 44px;
	border-radius: 4;
	text-shadow: none;
}
.helper-text {
color: #666;	
}
.throttle-message.two-column span {
	color: #333;
}
#container-header {  }
div.contest-ends-block { padding-left: 35px;}
#container-signin .inputcontainer.twocol { padding-left: 35px;}
#passwordForm { padding-left: 35px; }
#header a {padding: 0;}
@media only screen and (max-width : 700px) and (min-width: 694px){ 
#header {}
#container-content {top:-102px; background: #f8f8f8; padding: 40px 0 0 0;}
#section-two {padding: 6%; background: #002a89;}
#section-one {padding: 6%;}
#section-three {padding: 6%;}
.full-width {background-size: 700px;}
#authForm {max-width: 700px; padding: 6%; background: #002a89;}
#container-signin { padding: 0}
div.contest-ends-block {background: #002a89; padding-left: 6%; padding-top: 2%; max-width: 700px;}
@container-registration {background: #002a89;}
#container-contentbg {top: 0;}
div.pagetitle-container {color: #000;}
#container-registration { padding: 0; background: #002a89;}
.confirmation-page p {color: #000;}
.nav-username a {color:#000;}
.ng-scope {margin-top: 19px;}

#container-footer {right: 0px;}
body { background: #fff;}






#container-signin { padding: 20px;}
#container-signin .inputcontainer.twocol {padding-left: 0px;}

}



@media only screen and (max-width : 694px) and (min-width: 320px){ 
#container-content { padding: 0;}
div.pagetitle-container {display: none !important;}
#section-one::before {background: none;}
#section-one {overflow: hidden; padding: 16% 0 0; margin-top: 47px;}
body #container-bg { padding: 0}
.content-condensed {overflow:hidden; padding: 30px;}
.left-content { float: none; width: 100%;}
.full-width {background: url('') #f8f8f8;}
#section-three { padding: 0;}

#container-bg {background-size: 300% auto;}
.list-right {float: none; width: 100%;}
.list-left {float: none; width: 100%;}
.confirmation-page{ margin-top: 21%;}
#navigation.sweeps {margin: 0 auto 20px; max-width: 664px;}



.red-bg {width: 100%; background: #b51c17; height: auto; padding-bottom: 50px; margin-top: 20px;}

h1 { font-size: 26px;}
.left-image {float: none;}
.right-text {float: none; width: 100%;}
.click-button { float: none; margin: 0 auto; margin-bottom: 10%; }
.left-text { float: none; width: 100%;}
.right-image {float: none; clear:both; margin-top:10px;}
#enter-now {float: none;}
.ad {width: 300px; margin: 0 auto; padding-top: 30px; float: none;}
.content-block {top: 0;}
#header img {width: 100%; }
.enter-button a { width: 85%; text-align: center;}
.enter-button {width: auto;}
#bullets-left { float: none; }
#bullets-right { float: none; }
#section-five {width: 100%;}
p.three-height {padding-top: 0;}
p.four-height { padding-top: 30px; }
.click-button a { display:block; float:none; margin: 0 auto; width: 85%; padding: 3% 2%; text-align: center; }
.click-button-one a { display:block; float:none; margin: 0 auto; width: 85%; padding: 3% 2%; text-align: center; }


.contest-ends-block {padding-left: 10px !important;}
#authForm {margin-left: 10px; margin-right: 10px;}

#header { background-size: 100% auto; top: 0 !important; }
div.contest-ends-block { padding-left: 0px;}
#container-signin .inputcontainer.twocol {padding-left: 0px;}
#right {margin-right: 0; float: none;}
h2 { padding: 0;}
}