@import url('reset.css');

body { background:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#999; padding:20px 0 0 0; line-height:1.6em; margin:0; }

/*** Typography ***/
a { color:#999; text-decoration:underline; }
p { padding:0 0 1.5em 0 }
h2.competition-rules { height:14px; width:204px; background:url(../images/competition-rules-header.gif) no-repeat left bottom; text-indent:-9999px; padding:3px 0 0 0; margin:0 0 19px 0; }
h2.timeline { height:14px; width:90px; background:url(../images/timeline-header.gif) no-repeat left bottom; text-indent:-9999px; padding:3px 0 0 0; margin:0 0 19px 0; }
h2.view-entries { height:14px; width:165px; background:url(../images/view-entries-header.gif) no-repeat 25px bottom; text-indent:-9999px; padding:3px 0 0 0; margin:0 0 19px 0; float:left; }
h2.vote-now { height:14px; width:165px; background:url(../images/vote-now-header.gif) no-repeat 25px bottom; text-indent:-9999px; padding:3px 0 0 0; margin:0 0 19px 0; float:left; }
h2.error { height:14px; width:66px; background:url(../images/error-header.gif) no-repeat left bottom; text-indent:-9999px; padding:3px 0 0 0; margin:0 0 19px 0; }
h3 { font-weight:bold; font-size:1.2em; padding-bottom:15px; }
h4 { font-weight:bold; padding-bottom:15px; }

/*** Layout ***/

/* Container */
#container { background:#fff url(../images/top-bg.gif) no-repeat top; width:885px; margin:0 auto; padding:18px 31px 0; }

/* Header */
#header {  }
#header a.cnd { color:#000; text-decoration:none; display:inline-block; margin-bottom:20px; }
#header a.cnd:hover { text-decoration:underline; }
#header h1 { background:#000 url(../images/cnd-nail-style-competition-header.gif) no-repeat left top; margin:0; padding:0; }
#header h1 a { display:block;  text-indent:-9999px; height:67px; width:790px; margin:0 auto; }
#header #intro { background:#000 url(../images/header-bottom-bg.gif) no-repeat left bottom; color:#fff; padding:20px 55px 10px 50px; font-size:1.2em; }
#header #intro h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; float:left; margin:-3px 0 -4px 0; padding:0 5px 0 0; color:#D176AF; line-height:normal; position:relative; }
#header #intro h2.timeline-intro { display:block; padding-bottom:20px; float:none; }
#header #intro a { color:#fff; }

/* Top Navigation */
#nav { height:45px; position:relative; left:-6px; padding:14px 0 13px 0; z-index:2000; }
#nav li { float:left; display:inline; height:45px; }
#nav li a {  background:url(../images/nav-bg.gif) no-repeat; display:block; float:left; height:45px; text-indent:-9999px; }
#nav li#entries a { width:124px; background-position:0px bottom; }
#nav li#entries a:hover, #nav li#entries a.active { background-position:0px top; }
#nav li#prizes a { width:63px; background-position:-124px bottom; }
#nav li#prizes a:hover, #nav li#prizes a.active { background-position:-124px top; }
#nav li#rules a { width:153px; background-position:-188px bottom; }
#nav li#rules a:hover, #nav li#rules a.active { background-position:-188px top; }
#nav li#timeline a { width:78px; background-position:-341px bottom; }
#nav li#timeline a:hover, #nav li#timeline a.active { background-position:-341px top; }
#nav li#enter a { width:176px; background-position:-419px bottom; }
#nav li#enter a:hover, #nav li#enter a.active { background-position:-419px top; }

/* Top Navigation */
#nav2 { height:45px; position:relative; left:-6px; padding:14px 0 13px 0; z-index:2000; }
#nav2 li { float:left; display:inline; height:45px; }
#nav2 li a {  background:url(../images/nav-bg3.gif) no-repeat; display:block; float:left; height:45px; text-indent:-9999px; }
#nav2 li#vote a { width:103px; background-position:0px bottom; }
#nav2 li#vote a:hover, #nav2 li#vote a.active { background-position:0px top; }
#nav2 li#entries a { width:110px; background-position:-103px bottom; }
#nav2 li#entries a:hover, #nav2 li#entries a.active { background-position:-103px top; }
#nav2 li#prizes a { width:63px; background-position:-213px bottom; }
#nav2 li#prizes a:hover, #nav2 li#prizes a.active { background-position:-213px top; }
#nav2 li#rules a { width:151px; background-position:-276px bottom; }
#nav2 li#rules a:hover, #nav2 li#rules a.active { background-position:-276px top; }
#nav2 li#timeline a { width:97px; background-position:-427px bottom; }
#nav2 li#timeline a:hover, #nav2 li#timeline a.active { background-position:-427px top; }



/* Content */
#content {  }
.enter-now { background:url(../images/enter-now-btn.gif) no-repeat left top; display:block; height:80px; width:179px; text-indent:-9999px; }
.view-all { background:url(../images/view-all-btn.gif) no-repeat left top; display:block; height:59px; width:179px; text-indent:-9999px; }
.vote-now { background:url(../images/vote-now-btn.gif) no-repeat left top; display:block; height:80px; width:179px; text-indent:-9999px; }
.winners-shortly { background:url(../images/winners-shortly-home.gif) no-repeat left top; display:block; height:80px; width:179px; text-indent:-9999px; }
.view-winners { background:url(../images/view-winners.jpg) no-repeat left top; display:block; height:80px; width:179px; text-indent:-9999px; }
.winners-shortly-small { background:url(../images/winners-shortly.gif) no-repeat left top; display:block; height:59px; width:179px; text-indent:-9999px; }

/* Sidebar */
#sidebar { width:180px; float:right; padding:24px 0 15px; }
#sidebar a.enter-now, #sidebar-entries a.enter-now { margin-bottom:22px; }
#sidebar a.view-all, #sidebar-entries a.view-all, #sidebar a.winners-shortly-small, #sidebar-entries a.winners-shortly-small { margin-bottom:22px; }
#sidebar .banner, #sidebar-entries .banner { padding-left:5px; }

/* Footer */
#footer { background:#000 url(../images/bottom-bg.gif) no-repeat left top; width:947px; position:relative; margin:0 -31px; padding:24px 0px 15px; }
#footer a#facebook { background:url(../images/facebook.gif) no-repeat left top; height:17px; width:86px; display:block; float:left; text-indent:-9999px; padding:0 3px; }
#footer a#twitter { background:url(../images/twitter.gif) no-repeat left top; height:17px; width:68px; display:block; float:left; text-indent:-9999px; padding:0 3px; }
#footer p#copyright { display:inline-block; float:right; padding:0; margin:0; }
#footer p#copyright a { padding-right:15px; text-decoration:none; }
#footer p#copyright a:hover { color:#fff; }
#footer #footer-nav { display:block; float:left; margin:0; padding:0; }

.clear { clear:both; }


/*** Page Specific Styles ***/

/* Home Page */
#main-home { background:url(../images/home-content-bg.jpg) no-repeat; height:425px; width:385px; padding:75px 468px 0 49px; position:relative; margin:0 -50px -14px -15px; z-index:1000 }
#main-home h2 { display:none; }
#main-home h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left; margin:0px 0 10px 0; padding:0 5px 0 0; color:#D176AF; line-height:normal; position:relative; }
#main-home p { font-size:1.2em; line-height:1.2em; }
#main-home a.enter-now {  position:absolute; top:340px; left:148px; }
#main-home a.view-all {  position:absolute; top:300px; left:148px; }
#main-home a.vote-now, #main-home a.winners-shortly, #main-home a.view-winners {  position:absolute; top:320px; left:148px; }
/* General Sub Page */
#main-sub { width:680px; float:left; }

/* Prizes Page */
#header #intro h1.prizes-header { float:left; height:50px; width:146px; background:url(../images/prizes-header.gif) no-repeat left top; text-indent:-9999px; }
#header #intro .prizes-intro { float:left; width:610px; padding-bottom:1.5em; }
#header #intro .prizes-intro h2 { display:inline; float:none; line-height:1; }
#header #intro .prizes-intro p { display:inline; }
#main-prizes { background:url(../images/prizes-content-bg.jpg) no-repeat; height:516px; width:940px; padding:0; position:relative; margin:-14px -52px -14px 0; z-index:1000 }
#main-prizes h2, #main-prizes p { display:none; }
#main-prizes a.enter-now { background:none; position:absolute; top:353px; left:96px; }
#main-prizes p#disclaimer { font-size:.8em; display:block; position:absolute; top:485px; left:0px; }

/* Rules Page */
.rule-title { text-decoration:underline; }
.highlight { font-weight:bold; text-decoration:underline; }

/* View Entries Page */
#main-entries { float:left; left:-25px; position:relative; width:700px; }
#entries-container { clear:both; padding-top:5px; }
.confirmation { padding:0 0 20px 25px; }
.confirmation p { border:1px solid #ccc; padding:10px 20px 10px 40px; color:#000; background:#efefef url(../images/success-icon.gif) no-repeat 15px; }
.error { padding:0 0 20px 25px; }
.error p { border:1px solid #ccc; padding:10px 20px 10px 40px; color:#000; background:#efefef url(../images/error-icon.gif) no-repeat 15px; }

/* View Entries - Nails Display */
.nail-container { float:left; width:114px; padding-left:25px; height:201px; overflow:hidden; position:relative; }
.nail-vote-container { float:left; width:114px; padding-left:25px; height:225px; overflow:hidden; position:relative; }
.nail-final-container { float:left; width:157px; height:242px; overflow:hidden; position:relative; }
.thumb { display:block; padding-bottom:9px; height:114px; width:114px; }
.thumb-border { position:absolute; top:0; left:25px; height:114px; width:114px; }
.designer-thumb { float:right; height:21px; width:21px; }
p.entry-name { color:#000; text-transform:uppercase; font-weight:bold; line-height:normal; margin:0; padding:0 0 2px 0; }
p.designer-name { line-height:normal; text-transform:capitalize; margin:0; padding:0 0 2px 0; font-size:.9em; }
p.location { line-height:normal; margin:0; padding:0; font-size:.9em; text-transform:capitalize; }
#imgPreviewWithStyles { background: url(../images/bubble.png) no-repeat right top; padding: 10px 0 0 0; z-index: 5000; border: none; width:280px; position:absolute; }
#imgPreviewWithStyles div { background: url(../images/bubble2.png) no-repeat right bottom; padding: 0 10px 10px 20px; width:250px; }
#imgPreviewWithStyles img { height:250px; width:250px; }
#imgPreviewWithStyles div p { padding:4px 0 0 0; font-size:.9em; line-height:normal; }
#imgPreviewWithStyles strong { font-weight:bold; }
#imgPreviewWithStyles img { width:250px; height:250px; }
p.votes { font-size:.9em; margin:0; padding:2px 0 4px 0; line-height:normal; text-transform:uppercase; color:#d466ab; }
p.vote-btn { font-size:.9em; margin:0; padding:0; line-height:normal; }

/* View Entries - Paging */
#paging { float:right; color:#000; width:300px; text-align:right; }
#prev { background:url(../images/previous.gif) no-repeat left 6px; text-align:left; width:40px; height:1.6em; display:inline-block; text-indent:-9999px; }
#next { background:url(../images/next.gif) no-repeat right 6px; text-align:left; width:42px; height:1.6em; display:inline-block; text-indent:-9999px; }
#sidebar-entries { width:180px; float:right; padding:24px 0 15px; position:relative; top:-85px; margin-bottom:-85px; z-index:3000; }

/* Login/Registration Page */
#login-wrapper { background:url(../images/login-border.gif) no-repeat left top; margin-bottom:40px; width:885px; clear:both; }
#login-container { background:url(../images/login-border-bottom.gif) no-repeat left bottom; width:885px; }
#login-form { width:405px; min-height:338px; height:auto !important; height:338px; float:left; padding:15px; }
#login-form h2 { background:url(../images/current-user-header.gif) no-repeat left top; height:14px; width:163px; text-indent:-9999px; padding:0 0 36px 0 }
#login-form td { padding-bottom:20px; }
#login-form td.recover-link { text-align:right; font-size:11px; padding-right:38px; }
#recoverPasswordForm p { padding-right:35px; }
#register-form { width:405px; min-height:338px; height:auto !important; height:338px; float:right; padding:15px; }
#register-form h2 { background:url(/Content/images/new-user-header.gif) no-repeat left top; height:14px; width:116px; text-indent:-9999px; padding:0 0 36px 0 }
#register-form td { padding-bottom:14px; }

/* Enter Contest Page */
#entry-wrapper { background:url(../images/submission-form-border.gif) no-repeat top left; width:860px; margin:0 0 15px 0; }
#entry-container { background:url(../images/submission-form-border-bottom.gif) no-repeat bottom left; width:860px; padding:15px; }
#entry-container td { padding-bottom:14px; }
#entry-container td.use-products { padding-bottom:10px; }
#entry-container td.use-products-options { font-weight:bold; padding-bottom:20px; color:#000; font-size:11px; }
#user-info { border-bottom:1px solid #ccc; width:830px; padding-bottom:5px; }
#user-info h2 { background:url(../images/user-info-header.gif) no-repeat left top; height:14px; width:163px; text-indent:-9999px; padding:0 0 24px 0 }
#submission-info { width:830px; padding-top:20px; }
#submission-info h2 { background:url(../images/submission-info-header.gif) no-repeat left top; height:14px; width:173px; text-indent:-9999px; padding:0 0 24px 0 }
#entry-container td.picture { padding-bottom:20px; }
#rules-box { font-size:.8em; height:150px; width:320px; border:1px solid #ccc; padding:7px; overflow:auto; line-height:1.4em; margin-bottom:5px; }
#entry-container td.btn { padding:0 40px 0 0; }
#lblAgree { font-family:Arial; font-weight:bold; color:#000; }
.column { width:415px; float:left; }
.sub-label { font-size:9px; display:block; }

h2.closed { background:url(../images/competition-closed-header.gif) no-repeat left top; height:14px; width:219px; text-indent:-9999px; padding:0 0 24px 0 }
h2.activation-required { background:url(../images/activation-required-header.gif) no-repeat left top; height:14px; width:250px; text-indent:-9999px; padding:0 0 24px 0 }
h2.activated { background:url(../images/account-activated-header.gif) no-repeat left top; height:14px; width:250px; text-indent:-9999px; padding:0 0 24px 0 }


/*** Form Elements ***/
form { margin:0; padding:0; }
table { font-size:12px; width:100%; }
td { vertical-align:top; }
td label { display:inline-block; padding-top:2px; }
td label#lblAgree { display:inline; padding:0; }
td.btn { padding-right:30px; }
td.btn input { float:right; }
input.field { background:url(../images/field-bg.gif) no-repeat left top; height:14px; width:260px; border:0; padding:5px; font-size:11px; font-family:Verdana; color:#666666; }
input.field-sm { background:url(../images/field-small-bg.gif) no-repeat left top; height:14px; width:123px; border:0; padding:5px; font-size:11px; font-family:Verdana; color:#666666; }
input.continue-btn { background:url(../images/continue-btn.gif) no-repeat left top; height:40px; width:103px; cursor:pointer; border:0; }
input.submit-btn { background:url(../images/submit-btn.gif) no-repeat left top; height:40px; width:92px; cursor:pointer; border:0; }
input.field-validation-error, select.field-validation-error { color:#666666; }
.field-validation-error, td label.field-validation-error { color:red; font-size:.9em; display:block; font-weight:normal; padding:0; }
select { background:url(../images/field-bg.gif) no-repeat left top; border:0; font-family:Verdana; font-size:11px; height:24px; padding:5px; width:260px; color:#666666; }
select option { background:#fff; }
select.multi { background:url(../images/multi-select-bg.gif) no-repeat left top; width:260px; height:81px; color:#666666; }
select.multi.ie { padding:0; margin:0; background:none; height:91px; }
select.multi option { background:none; }