/* cmsms stylesheet: voting modified: 03/14/25 10:04:08 */
/* 
    Document   : voting
    Created on : 9.4.2010, 11:05:17
    Author     : creatiwezwei
    Description:
        Purpose of the stylesheet follows.
*/

html { font-family: Geneva,Arial,Helvetica,sans-serif; background-color: black; color: white; font-size: 12px; }
body { margin: 0; padding: 0; height: 100%; }

a { color: white; text-decoration: none; outline-width: 0 !important; }
a:hover { text-decoration: underline; }
ul { list-style: none; padding: 0; margin: 0; }

/* clear space */
.clear     { content: ""; display: block; height:     0; clear: both; visibility: hidden; }
.space1    { content: ""; display: block; height:   1px; clear: both; visibility: hidden; }
.space20   { content: ""; display: block; height:  20px; clear: both; visibility: hidden; }
.space30   { content: ""; display: block; height:  30px; clear: both; visibility: hidden; }
.space40   { content: ""; display: block; height:  40px; clear: both; visibility: hidden; }
.space50   { content: ""; display: block; height:  50px; clear: both; visibility: hidden; }
.space100  { content: ""; display: block; height: 100px; clear: both; visibility: hidden; }

.ins2 { width: 2px; }

.b_silver { background: #333333; }
.b_green { background: #14d400; }
.b_red   { background: #ff0000; }
.c_yellow { color: #ffd800; }
.c_red    { color: red; }

.circle_silver { background: url('../../images/circle_silver.png') no-repeat 5px center; }
.circle_green { background: url('../../images/circle_green.png') no-repeat 5px center; }
.circle_red { background: url('../../images/circle_red.png') no-repeat 5px center; }

#document { position: relative; display: inline-block; min-width:995px;}

#block_left, #block_center { float: left; }

#block_left { width: 350px; border-right: 1px solid #7f8080; position: fixed; margin-left: 20px; }
#block_left h1 { padding-top: 20px; margin-top: 0; }
#block_left h2 { color: black; background-color: #7f8080; padding: 10px 10px 10px 20px; margin: 0 0 0 -20px; border-bottom: 1px solid #7f8080; }
#arts_list {  }
#arts_list h3 { margin: 20px 0 30px 0; }
#arts_list ul {  }
#arts_list ul li { border-bottom: 1px solid #7f8080; margin-right: 15px; }
#arts_list ul.list li { padding: 10px 0 10px 30px; }
#arts_list ul.list li:hover, #arts_list ul.list li.active { background-color: white; }
#arts_list ul.list li:hover, #arts_list ul.list li:hover *, #arts_list ul li.active * { color: black; }
#arts_list ul.list li:hover * { text-decoration: underline; }
#arts_list ul.list li a {  }
#arts_list ul li.first { border-top: 1px solid #7f8080; }
#arts_list .sorting { float: right; color: #555555; margin-bottom: 5px; }

ul.voting li { padding-left: -20px; padding: 10px 0 10px 5px; }
ul.voting li img.left { float: left; margin-left: -25px; }
ul.voting li img.right { float: right; margin-right: -15px; }
ul .awards { color: #0cc8c6; margin-right: 10px; }

#block_center { padding-left: 20px; width: 600px; margin-left:370px;}
#topNav { position: relative; margin: 35px 15px 0 0; }
#botNav { margin: 0 0 20px 0; }
.g_next a, .g_prev a { color: #7f8080; text-decoration: underline; }
.g_next a:hover, #g_prev a:hover { color: white; text-decoration: underline; }
.g_next { float: right; backgroun: transparent url(../../images/arrow_next.png) no-repeat right center; padding-righ: 20px; }
.g_prev { float: left; backgroun: transparent url(../../images/arrow_prev.png) no-repeat left center; padding-lef: 20px; }

#top_line { border-bottom: 1px solid #7f8080; margin: 0 0 20px 0; width: 620px; margin-left: -20px; position: relative; top: 1px; }

#content { position: relative; }
#artTitle { margin: 0 0 20px 0; font-size: 1.2em; padding-left: 35px; }
#artTitle #category_name { font-weight: bold; line-height: 160%; }

#artThumbs { margin: 20px 0; font-size: 1.1em; }
#artThumbs ul {  }
#artThumbs a { margin-right: 10px; }
#artThumbs a.active img { border: 2px solid yellow; }

#artDetail { font-size: 1.3em; }
#artDetail .title, #artThumbs .title { color: #7f8080; font-weight: bold; }
#artDetail b { text-transform: uppercase; }

#voteSystem { border-top: 1px solid #7f8080; border-bottom: 1px solid #7f8080; margin: 25px 0; padding: 10px 0; display: inline-block; width: 100%; }
#voteSystem h4 { color: #7f8080; padding: 0 0 0 20px; margin: 0; }
.voteButtons { margin-top: 10px; }
.voteButtons > div { font-size: 1.5em; padding: 10px 15px 10px 15px; width: 269px; float: left; font-weight: bold; }
.voteButtons .button_yes { margin-right: 2px; }
.button_yes:hover *, .button_no:hover * { text-decoration: underline; }
.button_yes.ok_flag { background-image:  url(../../images/green_flag.png); background-repeat: no-repeat; background-position: 250px center; }
.button_no.ok_flag { background-image:  url(../../images/red_flag.png); background-repeat: no-repeat; background-position: 250px center; }
.solo_score.ok_flag { background-image:  url(../../images/silver_flag.png); background-repeat: no-repeat; background-position: 250px center; }

#voteSystem .numbs { margin-right:10px; margin-top:10px; text-align:center; width:50px; font-size: 2em; float: left; }
#voteSystem .solo_score { font-size:1.2em; margin:15px auto; padding:10px; text-align:center; width:300px; }
#voteSystem .numbs.active a,
#voteSystem .solo_score.active a { text-decoration: none; color: yellow; }

.dot_status { border:1px solid #666666; color:#14D400; font-weight:bold; left:-15px; padding:2px; position:relative; }
.score { color: lime; }

#userInfo p, #juror_menu { font-size: 1.2em; }


#message-pusher { display:none; border: 4px solid #bbb; font-family: georgia; color: #000;z-index: 100;width: 500px; font-size: 18px; padding: 10px; position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -30px; background: rgb(255, 255, 255);}
#message-pusher h2  {
    margin: 0;
}
#message-pusher h2  {}


/* Updated Digital PIE 2025 theme */

html { background-color: #322849; color: #FFFFFF; font-size: 14px; }
body { margin: 0; padding: 0; height: 100%; }

a { color: #FFFFFF; text-decoration: none; outline-width: 0 !important; }
a:hover { color: #E3B23C; text-decoration: underline; }

ul { list-style: none; padding: 0; margin: 0; }

/* Spacing helpers */
.clear { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.space20 { content: ""; display: block; height: 20px; clear: both; visibility: hidden; }
.space50 { content: ""; display: block; height: 50px; clear: both; visibility: hidden; }

/* Background colors */
.b_silver { background: #6D4D9F; }
.b_gold { background: #E3B23C; }
.b_dark { background: #2E1A47; }

/* Text colors */
.c_yellow { color: #E3B23C; }
.c_light { color: #D1B3FF; }

/* Button styles */
.button_primary { background: linear-gradient(135deg, #E3B23C, #C5972D); color: #2E1A47; padding: 10px 16px; border-radius: 25px; font-weight: bold; font-size: 14px; transition: all 0.3s ease-in-out; }
.button_primary:hover { background: linear-gradient(135deg, #C5972D, #A97E23); color: #FFFFFF; }

#artInfo {font-size:120%; padding-top:10px;}

/* Navigation bar */
#topNav { position: relative; margin: 35px 15px 0 0; }
#topNav a { color: #FFFFFF; font-size: 14px; }
#topNav a:hover { color: #E3B23C; }

/* Content layout */
#block_center { padding-left: 20px; width: 600px; margin-left: 370px; }
#content { position: relative; }

/* Headings */
h1, h2, h3, h4 { color: #E3B23C; font-weight: bold;  }

/* Footer */
#footer { background: #2E1A47; color: #D1B3FF; padding: 20px; text-align: center; font-size: 12px; }
#footer a { color: #E3B23C; }

/* Call to action */
.cta_box { background: linear-gradient(135deg, #E3B23C, #C5972D); color: #2E1A47; padding: 12px; font-weight: bold; text-align: center; border-radius: 8px; font-size: 14px; }

/* Awards styling */
ul.awards { color: #E3B23C; margin-right: 10px; }

/* Jury section */
#jury .member { border: 2px solid #6D4D9F; padding: 10px; border-radius: 12px; text-align: center; font-size: 12px; }

/* Custom hover effects */
.award_card:hover { background: linear-gradient(135deg, #C5972D, #A97E23); color: #FFFFFF; transition: 0.3s ease-in-out; }