@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Squada+One);

/*

**********************************************************************
**********************************************************************
**********************************************************************
							  FOUNDATION
					This is mostly the structure
					of your site. You shouldn't
					make changes here. It might break
					your site.
**********************************************************************
**********************************************************************
**********************************************************************

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 { } /* Additional background container, for more complex, double layer backgrounds */
#container-contest {width:800px; } /* Main contest container - tinkering can prove fatal */
#container-header { margin:0 auto; text-align:center;} /* Header and Nav container */
#container-contentbg {width:800px;}
#container-content {padding:20px 10px 40px;margin:0 auto; width:650px;} /* Content container */
#container-footer {width:800px; height:101px; margin:0 auto; padding:16px 0 0 0; font-size:12px; } /* Footer container */

@media only screen and (min-width: 1px) and (max-width: 767px) {
body #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-photod contest title */
#header h1 {margin:0; position:relative; }
#header a {} /* Text-photod contest title properties */

/* Navigation Bar */
#navigation {height:58px;} /* Main navigation bar */
#navigation ul {} /* Careful... */
#navigation ul li {font-size:1.3em; height:50px;} /* 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:.65em 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-family:'Squada One', cursive; margin:0 auto; font-size:2.0em;font-weight:400;} /* Title of page as defined in backend */
p.textblock { color:#000;}
 /* Text/description as defined in backend */

/**********************************
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 */
body input[type="submit"], #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"], button.displayRegistrationForm {height:31px;  overflow:visible; border:0; display:block; padding:0px 15px;

} /* Properties and image for submit buttons */
#container-contactus input[type="submit"]:hover ,#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, button.displayRegistrationForm:hover {
	
	
	}
 /* Properties and image for submit button hover */

/**********************************
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; width:93%;} /* Individual rows for gallery */
.gallery li.galleryrow ul {margin:0 auto;} /* Child lists for gallery rows */
.gallery li.galleryrow ul li {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:275px;} /* Gallery nav width */
.gallery-nav-back, .gallery-nav-more {width:107px; height:54px; overflow:visible; display:block; text-decoration:none; margin:0 5px; float:left;} /* Gallery nav properties */
.gallery-nav-back {min-width:127px;  height:31px; line-height:31px;  overflow:visible; border:0; display:block;} /* Gallery back image */
.gallery-nav-back:hover {overflow:visible; border:0; display:block;} /* Gallery back hover image */
.gallery-nav-more {min-width:127px;  height:31px; line-height:31px;  overflow:visible; border:0; display:block;} /* Gallery more image */
.gallery-nav-more:hover {overflow:visible; border:0; display:block;} /* Gallery more hover image */
.gallery-nav-back.disabled, .gallery-nav-back:hover.disabled {width:127px; height:31px;  overflow:visible; border:0; display:block;} /* Gallery back disabled image */
.gallery-nav-more.disabled, .gallery-nav-more:hover.disabled {width:127px; height:31px;  overflow:visible; border:0; display:block;} /* Gallery more disabled image */
.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 { font-size:1.5em; color:#ff0000; font-family:'Squada One', cursive; font-weight:700;} /* Main submission title header */
h2.submission-owner {font-weight:normal; font-size:1.6em;} /* Submission uploader name */
p.submission-description {margin:0 0 1em; font-weight:bold; color:#333;} /* 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 {min-width:127px;  height:31px; line-height:31px; text-align:center; 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:auto; width:47%; padding:0 0 0 1.5em;} /* Set layout properties for signin structure */

/**********************************
Spanish Additions
body.spanish #container-registration form input[type="submit"], body.spanish #container-signin form input[type="submit"], body.spanish #container-submit form input[type="submit"], body.spanish a.iossubmit, body.spanish #container-signin input[type="button"] {background:url(images/button-submit-es.png) no-repeat;}
body.spanish #container-registration form input[type=submit]:hover, body.spanish #container-signin form input[type=submit]:hover, body.spanish #container-submit form input[type=submit]:hover, body.spanish a.iossubmit:hover, body.spanish #container-signin input[type="button"]:hover {background:url(images/button-submit-es.png) 0px -31px;}
body.spanish .gallery-nav-back {background:url(images/button-submit-es.png) 0px -124px;}
body.spanish .gallery-nav-back:hover {background:url(images/button-submit-es.png) 0px -155px;}
body.spanish .gallery-nav-more {background:url(images/button-submit-es.png) 0px -186px;}
body.spanish .gallery-nav-more:hover {background:url(images/button-submit-es.png) 0px -217px;}
body.spanish .gallery-nav-back.disabled, body.spanish .gallery-nav-back:hover.disabled {background:url(images/button-submit-es.png) 0px -248px;}
body.spanish .gallery-nav-more.disabled, body.spanish .gallery-nav-more:hover.disabled {background:url(images/button-submit-es.png) 0px -279px;} 
body.spanish .submission-controls .container-vote a.vote {background:url(images/button-submit-es.png) 0px -62px;}
body.spanish .submission-controls .container-vote a.vote:hover {background:url(images/button-submit-es.png) 0 -93px;}
**********************************/

/*********************************************************************
**********************************************************************
**********************************************************************
       
					  CUSTOMIZE HERE !!
				
				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:#ff0000 url(https://images.tritondigital.com/resources/activationnation/di/blackandredtheme/images/bg-body.jpg) top center no-repeat fixed;} /* Background color, font style and color for entire page */

a, a:link, a:active, a:visited {color:#9E0000;} /* Link color */
a:hover {color:#ff0000;} /* Link hover color */
h1.pagetitle, #gallery-header h1 {color:#ff0000; margin:0 auto;} /* Large heading color/styles */

#header {background: #e0e0e0;} /* Background color for header box */
#header h1 {color:#fff; font-size:1.8em;} /* Color and/or font for main contest title */
#header a, #header h1 a { color:#000; font-family:'squada one', cursive;text-align:center; font-size:1.8em; margin:0 auto;}
#navigation {
background: #cc0000;
font-family:arial, helvetica, sans-serif;
color:#fff;
font-weight:400;
margin:0 auto;
font-size:100%;
height:51px;
	} /* Menu bar background */
#navigation ul li a, {color:#fff;text-decoration:none;	background:#ff0000;} /* Menu link color/styles */
#navigation ul li a:hover {
	color:#e0e0e0;
	background:#ff0000;



} /* Menu link hover color/styles  */

#container-contentbg, #container-footer {background:#fff;} /* Background color or image for content */
#container-content {border-bottom:0} /* Border seperating main content from footer */

input.smalltext, textarea.largetext, select, input[type=file] {background-color:#ccc; color:#FFF;} /* Form field background and font colors */
input.smalltext:focus, textarea.largetext:focus, select:focus, input[type=file]:focus {background-color:#666;} /* Clicked-on form field focus colors */
input::-webkit-input-placeholder {color: #FFF;}
input:-moz-placeholder {color: #FFF;}

table.dates tr th, table.dates tr td {border:3px #ccc 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:#e7e7e7;color:#000;} /* Styling for date table headers */
table.dates tr td.first {background-color:#e7e7e7;color:#000;} /* Styling for leftmost row header */
table.dates tr td {background-color:#e0e0e0;color:#000;} /* Styling for regular date table cells */

#gallery-header a:hover {background:#e7e7e7;color:#ff0000 ;} /* View Submissions/Search link */
#gallery-header a{background:#e0e0e0; color:#9E0000;} /* View Submissions/Search link hover */
.gallery {background:#e0e0e0; border:3px solid #ccc;} /* Gallery background color/image */





.submission-controls .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*/
body input[type="submit"], a.gallery-nav-back , a.gallery-nav-more, .submission-controls .container-vote a.vote, #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"], button.displayRegistrationForm {color:#FFF; text-transform:uppercase; font-size:16px; font-weight:bold; text-decoration:none;} 

/*Normal State*/
body input[type="submit"], #container-content input.ui-button, .gallery-nav-back, .gallery-nav-more, .submission-controls .container-vote a.vote, #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"], button.displayRegistrationForm {background: #4e4d4d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM0ZTRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMwMjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #4e4d4d 10%, #020000 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#4e4d4d), color-stop(90%,#020000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4e4d4d 10%,#020000 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4e4d4d 10%,#020000 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4e4d4d 10%,#020000 90%); /* IE10+ */
background: linear-gradient(to bottom, #4e4d4d 10%,#020000 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4d4d', endColorstr='#020000',GradientType=0 ); /* IE6-8 */;

 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #000}/*Border-Radius*/

/*Hover State*/
body input[type="submit"]:hover, #container-content input.ui-button:hover, .gallery-nav-back:hover, .gallery-nav-more:hover, .submission-controls .container-vote a.vote:hover, #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, button.displayRegistrationForm:hover {background: #3a8cb2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #ff0000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff0000 10%, #cc0000 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ff0000), color-stop(90%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff0000 10%,#cc0000 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff0000 10%,#cc0000 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000 10%,#cc0000 90%); /* IE10+ */
background: linear-gradient(to bottom, #ff0000 10%,#cc0000 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */;
-moz-box-shadow: inset 0 0 5px #333;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inner 0 0 5px #333;
border:1px solid #ff0000;}

/*Disabled State*/
.gallery-nav-back.disabled, .gallery-nav-back:hover.disabled, .gallery-nav-more.disabled, .gallery-nav-more:hover.disabled {background:#d9dada;}

#container-content input.ui-button {color:#FFF; border:none;}
#container-content input.ui-button.secondary {background: #CCC; border: 1px solid #CCC; color: #333;}
#container-content input.ui-button.secondary:hover  {background: #b5b5b5;}

.gallery li.galleryrow ul .container-vote a.vote {
background: #4e4d4d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM0ZTRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMwMjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #4e4d4d 10%, #020000 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#4e4d4d), color-stop(90%,#020000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4e4d4d 10%,#020000 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4e4d4d 10%,#020000 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4e4d4d 10%,#020000 90%); /* IE10+ */
background: linear-gradient(to bottom, #4e4d4d 10%,#020000 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4d4d', endColorstr='#020000',GradientType=0 ); /* IE6-8 */;


-moz-border-radius:5px;
border-radius: 5px;
-webkit-border-radius:5px;
border:1px solid #000;} 
/* Control to cast vote */

.gallery li.galleryrow ul .container-vote a:hover.vote {
background: #ff0000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff0000 10%, #cc0000 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ff0000), color-stop(90%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff0000 10%,#cc0000 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff0000 10%,#cc0000 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000 10%,#cc0000 90%); /* IE10+ */
background: linear-gradient(to bottom, #ff0000 10%,#cc0000 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */;

-moz-box-shadow: inset 0 0 5px #333;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inner 0 0 5px #333;
border:1px solid #ff0000;}