/* softlips cascading style sheet definitions */
@import 'reset.css';

pre { text-align: left; }
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }

body {
    background-color: #FFF;
    color: #53301A;
}

#container, #hd, #bd, #ft {
    position: relative; 
    top: 0; left: 0;
}

#container {
    width: 1010px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* **************** hd ************** */
#hd {
    width: 100%;
    height: 82px;
    border-bottom: 2px solid #666;
}
#hd-nav {
    width: 55px;
    position: relative;
    top: 58px;
    left: 0;
    float: right;
}
#hd-nav li {
    float: left;
    display: block;
    padding-left: 3px;
}
#sl-logo {
    position: absolute;
    top: 2px; left: 0;
    z-index: 999;
    width: 205px;
    height: 106px;
    background: transparent url('default/sl-hd-logo2.gif') no-repeat scroll top left;
    border-style: none;
    text-decoration: none;
}


/* **************** bd ************** */
#bd {
    position: relative;
    top: 0; left: 0;
    width: 100%;
    height: 633px;
    
    border-top: 3px solid #FFF;
    background-color: #9BC2EF;
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;
}

div.bg1 { background-image: url('default/bd-bg1.jpg'); }
div.bg2 { background-image: url('default/bd-bg2.jpg'); }
div.bg3 { background-image: url('default/bd-bg3.jpg'); }
div.bg4 { background-image: url('default/bd-bg4.jpg'); }
div.bg5 { background-image: url('default/bd-bg5.jpg'); }
div.bg6 { background-image: url('default/bd-bg6.jpg'); }

#bd-hdr-container {
    position: absolute;
    top: 24px;
    left: 20px;
    z-index: 999;
    width: 970px;
    height: 110px;
    padding-top: 2px;
}

#contestant-entry {
    position: absolute;
    top: 1px;
    left: 0;
    width: 558px;
    padding-left: 95px;
    height: 43px;
    padding-top: 59px;
    background: transparent url('default/bg-entercode-block.gif') no-repeat scroll top left;
}

#deadline-msg {
	font-size: 24px;
	text-align: left;
	margin-bottom: 0.75em;
}

#deadline-msg-sub {
	font-size: 16px;
	text-align: left;
	margin-bottom: 1.2em;
	font-weight: bold;
	color: #53301A;
}
#deadline-msg-sub a {
	color: #E10061;
}

form.inline div.element {
    float: left;
    margin-right: 5px;
}
form.inline div.element label {
    float: left;
    display: block;
    line-height: 19px;
    vertical-align: baseline;
    font-size: 120%;
    padding-right: 3px;
}


#contestant-self-entry {
    position: absolute;
    top: 0;
    right: 0;
    width: 306px;
    height: 102px;
    background: transparent url('default/bg-selfentry-block.gif') no-repeat scroll top left;
}
#self-entry-button {
    position: absolute;
    top: 63px;
    left: 200px;
    border-style: none;
    background: transparent url('default/btn-clickhere.gif') no-repeat scroll top left;
    height: 24px;
    width: 95px;
    cursor: pointer;
}

#sppls-logo-lg {
    position: absolute;
    top: 160px;
    left: 77px;
    width: 316px;
    height: 353px;
    background: transparent url('default/sppls-logo-lg.gif') no-repeat scroll top left;
}
#sppls-logo-sreg {
    position: absolute;
    top: 23px;
    right: 12px;
    width: 176px;
    height: 196px;
    background: transparent url('default/sppls-logo-sreg.gif') no-repeat scroll top left;
}
#sppls-logo-interim {
    position: absolute;
    top: 48px;
    left: 32px;
    width: 192px;
    height: 213px;
    background: transparent url('default/sppls-logo-interim.gif') no-repeat scroll top left;
}
#sppls-logo-fullimg {
    position: absolute;
    top: 357px;
    left: 804px;
    width: 172px;
    height: 192px;
    background: transparent url('default/sppls-logo-full.gif') no-repeat scroll top left;
}
#sppls-logo-tncs {
    position: absolute;
    top: 40px;
    right: 47px;
    width: 176px;
    height: 196px;
    background: transparent url('default/sppls-logo-sreg.gif') no-repeat scroll top left;
}
#sppls-logo-medres {
    position: absolute;
    top: 56px;
    left: 713px;
    width: 255px;
    height: 282px;
    background: transparent url('default/sppls-logo-medres.gif') no-repeat scroll top left;
}

#sppls-logo-email {
    position: absolute;
    top: 51px;
    left: 54px;
    width: 242px;
    height: 269px;
    background: transparent url('default/sppls-logo-email.gif') no-repeat scroll top left;
}

#sppls-logo-lg span, 
#sppls-logo-sreg span, 
#sppls-logo-medres span, 
#sppls-logo-tncs span,
#sppls-logo-fullimg span,
#sppls-logo-interim span,
#sppls-logo-email span { visibility: hidden; }

#gallery {
    position: absolute;
    top: 154px;
    left: 443px;
    width: 545px;
    height: 385px;
}

#gallery-intro-txt {
    width: 100%;
    height: 169px;
    background: transparent url('default/bg-gallery-intro.gif') no-repeat scroll 2px 0;
}

h3#gallery-hdr-txt {
    display: block;
    margin: 0 auto;
    width: 500px;
    height: 23px;
    background: transparent url('default/bg-gallery-hdr.gif') no-repeat scroll top center;
}

#gallery-container {
    margin: 0 auto;
    width: 476px;
    height: 360px;
    overflow: auto;
    *overflow-y: scroll;
    *overflow-x: hidden;
}

#gallery-container a.gallery-thumb {
    display: block;
    background-color: #E6F0FB;
    border: 1px solid #C0B3E3;
    width: 84px;
    height: 74px;
    float: left;
    margin: 0 3px 3px 0;
}
#gallery-container a.gallery-thumb:hover {
    border-color: #E3007A;
}

/* tour messages */

#tour-message {
    position: absolute;
    top: 154px;
    left: 443px;
    width: 545px;
    height: 385px;
    text-align:left;
}
#tour-message h2 {
    color: #DE0057;
    font-size: 225%;
}
#tour-message p {
    font-size: 125%;
    line-height: 150%;
    margin: 0;
    padding: 0;
}
#tour-message p a {
    font-weight: bold;
    color: #DE0057;
}
#tour-message p a:hover {
    text-decoration: none;
}



#gallery-findphoto {
    position: relative;
    top: 0; left: 0;
    width: 496px;
    padding-left: 18px;
    height: 39px;
    padding-top: 50px;
    background: transparent url('default/bg-findphoto-block.gif') no-repeat scroll top left;
}

#bd-hdr-container #gallery-findphoto {
    position: absolute;
    top: 0; left: 0;
    background-image: url('default/bg-findphoto-block-lg.gif');
    width: 526px;
    height: 49px;
    padding-left: 43px;
    margin-left: 46px;
}

.stylized {
    background-color: #EFD7EA;
    border:1px solid #DB95C5;
    color: #A22787;
    line-height: 16px;
    font-size: 11pt;
    vertical-align: baseline;
    padding: 2px;
}

#gallery-help {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 37px;
    height: 25px;
    display: block;
    background: transparent url('default/btn-help.gif') no-repeat scroll top left;
}
#gallery-help span { display: none; }

#gallery-most-popular {
    padding-top: 43px;
    background: transparent url('default/bg-mostpopular-block.gif') no-repeat scroll 0 19px;
}


#gallery-runners-up {
    padding-top: 43px;
}
#gallery h2 {
    text-align: left;
}

#gallery-most-popular-thumbs {
    width: 514px;
    text-align: left;
    float: left;
    clear: left;
}
#gallery-most-popular-thumbs li {
    display: block;
    float: left;
    padding-right: 4px;
    *padding-right: 2px;
}


#gallery-most-popular-thumbs li div.error-block {
    top: 25px;
    left: 12px;
    width: 500px;
    text-align: center;
}

#gallery-most-popular-thumbs li a.gallery-thumb {
    display: block;
    width: 58px;
    height: 58px;
    background-color: #E6F0FB;
    border: 1px solid #C0B3E3;
}
#gallery-most-popular-thumbs li a:hover {
    border-color: #E3007A;
}

/* **************** contestant email ************** */
#contestant-email {
    position: absolute;
    top: 109px;
    left: 324px;
    width: 628px;
    height: 433px;
}

#contestant-email p.instructions {
    font-size: 135%;
    text-align: left;
    margin: 0 38px 24px 38px;
}

#contestant-email-block {
    width: 535px;
    padding: 10px 0 0 90px;
    height: 329px;
    background: transparent url('default/bg-contestant-email-block.jpg') no-repeat scroll top left;
}
#contestant-email-block div.element {
    padding-top: 20px;
    text-align: left;
}
#contestant-email-block div.element label {
    display: block;
    float: left;
    width: 80px;
    line-height: 100%;
    vertical-align: top;
    text-align: right;
    padding-right: 8px;
    font-size: 18px;
}
#contestant-email-block div.element textarea, #contestant-email-block div.element input  {
    border: 1px solid #ECABD8;
    background-color: #EFDDED;
    color: #53301A;
    font: normal normal normal 1em/1.5em Tahoma, Arial, sans-serif;
}
#contestant-email-block div.element textarea {
    height: 100px;
    width: 410px;
}

#contestant-email-block div.element #send-email-btn {
    margin-left: 88px;
}

contestant-msg-sent {
    position: absolute;
    top: 100px;
    left: 260px;
}
/* **************** contestant interim ************** */
#contestant-interim {
    position: absolute;
    top: 60px;
    left: 272px;
    width: 456px;
    height: 500px;
}
#contestant-interim-buttons {
    position: absolute;
    top: 533px;
    left: 227px;
    width: 556px;
    height: 60px;
    padding-top: 10px;
}
#contestant-interim-buttons a.btn {
    margin: 0 8px;
}
#treg-error-block {
    position: absolute;
    top: 104px;
    left: 12px;
    width: 628px;
    height: auto;
    font-size: 107%;
    font-weight: bold;
    color: #E3007A;
}

/* **************** contestant fullimg ************** */
#contestant-full, #contestant-howto {
    position: absolute;
    top: 50px;
    left: 33px;
    width: 770px;
    height: 500px;
}
#contestant-full {
    left: 38px;
}
#contestant-full-buttons {
    position: absolute;
    top: 567px;
    left: 33px;
    width: 804px;
    height: 60px;
    padding-top: 10px;
}
#contestant-full-buttons a.btn {
    margin: 0 19px 0 0;
}

/* how tos */
#contestant-howto {
    text-align: left;
    margin: 0 0 0 50px;
    width: 720px;
}
#contestant-howto h1 {
    font-size: 175%;
    color: #E3007A;
}
#contestant-howto h2 {
    font-size: 150%;
}
#contestant-howto h3 {
    font-size: 112%;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
}

#contestant-howto ul {
    list-style-position: outside;
}
#contestant-howto li {
    list-style-type: disc;
    margin: 10px 0 5px 35px;
}




/* **************** contestant medres ************** */
#contestant-medres {
    position: absolute;
    top: 75px;
    left: 50px;
    width: 526px;
    height: 500px;
}

img#contestant-photo {
    height: 350px;
    width: 526px;
    /* border: 2px solid #FCC5E5; */
}

h3#contestant-name {
    text-align: center;
    font-size: 175%;
    padding-top: 20px;
}

#contestant-info {
    position: absolute;
    top: 355px;
    left: 610px;
    width: 375px;
    height: 242px;
    text-align: left;
}
#contestant-info p {
    font-size: 125%;
    line-height: 150%;
    margin: 0;
    padding: 0;
}

#contestant-info h4 {
    font-size: 150%;
    text-transform: uppercase;
}

#contestant-buttons {
    position: absolute;
    bottom: 5px;
    left: 0;
}

#contestant-vote-thanks {
    position: absolute;
    left: 92px;
    top: 90px;
    background: transparent url('default/vote-thanks.gif') no-repeat scroll top left;
    height: 144px;
    width: 336px;
    display: none;
    cursor: pointer;
}

#contestant-msg-sent {
    position: absolute;
    left: 145px;
    top: 115px;
    background: transparent url('default/email-confirm.gif') no-repeat scroll top left;
    height: 144px;
    width: 336px;
    display: none;
    cursor: pointer;
}
#contestant-vote-thanks span, #contestant-msg-sent span {
    visibility: hidden;
}

a.btn-disabled {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
}

#btn-vote, 
#btn-gallery, 
#btn-help, 
#btn-enternow,
#btn-sendtofriend,
#btn-howtosave,
#btn-howtoprint,
#btn-howtowallpaper,
#btn-gallery3,
#btn-submit {
    display: block;
    height: 44px;
    margin: 0 5px 0 0;
    overflow: hidden;
    float: left;
}

/****/
#btn-gallery3 {
    background: transparent url('default/btn-gallery3.gif') no-repeat scroll top left;
    width: 140px;
    height: 38px;
}

#btn-sendtofriend {
    background: transparent url('default/btn-sendtofriend.gif') no-repeat scroll top left;
    width: 140px;
    height: 38px;
}
#btn-howtosave {
    background: transparent url('default/btn-howtosave.gif') no-repeat scroll top left;
    width: 140px;
    height: 38px;
}
#btn-howtoprint {
    background: transparent url('default/btn-howtoprint.gif') no-repeat scroll top left;
    width: 140px;
    height: 38px;
}
#btn-howtowallpaper {
    background: transparent url('default/btn-howtowallpaper.gif') no-repeat scroll top left;
    width: 140px;
    height: 38px;
}
#btn-submit {
    background: transparent url('default/btn-submit.gif') no-repeat scroll top left;
    width: 140px;
    height: 38px;
}
/****/

#btn-gallery {
    background: transparent url('default/btn-gallery.gif') no-repeat scroll top left;
    width: 163px;
}
#btn-vote {
    background: transparent url('default/btn-vote.gif') no-repeat scroll top left;
    width: 162px;
}
#btn-enternow {
    background: transparent url('default/btn-enternow.gif') no-repeat scroll top left;
    width: 162px;
}
#btn-help {
    background: transparent url('default/btn-help2.gif') no-repeat scroll top left;
    width: 162px;
}
#btn-gallery span, 
#btn-vote span,
#btn-enternow span,
#btn-help span,
#btn-howtoprint span,
#btn-howtosave span,
#btn-howtowallpaper span,
#btn-gallery3 span,
#btn-sendtofriend span,
#btn-submit span { display:none; }


div.error-block {
    position: relative;
    top: 125px;
    left: 45px;
    width: 400px;
    height: auto;
    font-size: 150%;
    color: #E3007A;
}

div#error-buttons {
    text-align: center;
    width: 164px;
    margin: 25px 125px;
}

/* **************** registration ************** */

#registration-errors {
    position: absolute;
    top: 40px;
    left: 46px;
    width: 758px;
    height: auto;
    font-weight: bold;
    font-size: 115%;
}

.form-error { color: #E3007A; }


#sreg-instructions {
    position: absolute;
    top: 80px;
    left: 45px;
    height: 53px;
    width: 775px;
    font-size: 115%;
    text-align: left;
    color: #555;
}

div.reg-block {
    position: absolute;
    top: 135px;
    left: 35px;
    width: 801px;
    height: 389px;
    background: #DDD url('default/bg-reg-block.jpg') no-repeat scroll top left;
}

div.reg-block #lf-col {
    position: absolute;
    top: 25px;
    left: 22px;
    height: 350px;
    width: 350px;
}

div.reg-block #rt-col {
    position: absolute;
    top: 25px;
    left: 387px;
    height: 350px;
    width: 390px;
}

div.reg-block .element {
    text-align: left;
    font-size: 115%;
    padding: 4px 0;
}

#selfentry-upload, #selfentry-success {
    position: absolute;
    top: 50px;
    left: 110px;
    width: 480px;
    height: auto;
    padding-left: 137px;
    height: 125px;
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;
}
#selfentry-upload { background-image: url('default/bg-selfentry-upload2.gif'); }
#selfentry-success { background-image: url('default/bg-selfentry-success2.gif'); }

#selfentry-upload .guidelines {
    text-align: left;
    margin-top: 1em;
}
.guidelines strong { font-weight: bold;}
.guidelines h3 {
    font-weight: bold;
    font-size: 13pt;
}
.guidelines p {
    margin-top: 0.65em;
}


#selfentry-upload label, #selfentry-upload p.error, #selfentry-success span.message {
    font-size: 175%;
    display: block;
    margin-bottom: 15px;
    text-align: left;
}

#selfentry-upload span.sm-instructions {
    font-weight: bold;
    font-size: 13pt;
    display: block;
}

#selfentry-success span.message em, #selfentry-upload p.error a {
    color:#BD157C;
}

#selfentry-success p {
    font-size: 107%;
    text-align: left;
}

#selfentry-success p a {
    font-weight: bold;
    color: #53301A;
}

#selfentry-success p a:hover {
    color:#BD157C;
}

/* **************** registration legacy ************** */

div.element.submit {
    margin-top: 20px;
    text-align: right;
}


/* **************** general content - terms, rules ************** */

#content.fullpg, #content.two3rds {
    position: absolute;
    top:60px;
    left:34px;
    height: 500px;
    overflow: auto;
    *overflow-y: scroll;
    text-align: left;
}

#content.fullpg { width: 943px; }
#content.two3rds { width: 685px; }

#content h1 {
    font-size: 150%;
    margin: 0.25em 0.75em 0.5em 0.75em;
}

#content ul li {
    list-style-type: disc;
    list-style-position: outside;
    font-size: 121%;
    margin: 0.25em 0.75em 0.25em 2.5em;
}
#content ul li strong {
    font-weight: bold;
}

#content h2 {
    font-size: 134%;
    font-weight: bold;
    margin: 0.25em 0.75em 0 0.75em;
}

#content p {
    font-size: 121%;
    margin: 1em 0.75em 0.5em 0.75em;
}

#content p strong {
    font-weight: bold;
}


/* **************** admin forms ************** */

#formBody {
    text-align: left;
    padding: 25px;
    
}

#formBody h1 {
    font-size: 150%;
    color:#EE0081;
}
#loginBox {
    padding: 25px 50px;
    width: 50%;
    height: 90px;
    margin: 25% auto;
    background-color: #E0EAED;
    border:2px solid #FFF;
    position: relative;
    top: -45px;
    left: 0;
}

#loginBox label {
    display: block;
    float: left;
    clear: left;
    padding: 2px 8px;
    margin-right: 6px;
    text-align: right;
    width: 180px;
}
#submit_admin_login {
    margin: 1em 0 0 202px;
}

.formSection {
    padding: 0.35em 0;
}

#bdDataContainer {
    height: 465px;
    width: 96%;
    padding: 0 1%;
    overflow: auto;
    *overflow-x:hidden;
    *overflow-y:auto;
}
#hdDataContainer {
    background-color: #53301A;
    width: 96%; 
    padding: 0 1%;
}

#bdData, #hdData { }

#hdData td {
    color: #E0EAED;
 }
#bdData td, #hdData td { 
    padding: 3px 4px; 
    vertical-align: baseline;
}

strong { font-weight: bold; }

td.col1 { width:25px; }
td.col2 { width:135px; }
td.col3 { width:150px; }
td.col4 { width:150px; }
td.col5 { width:115px; }
td.col6 { width:115px; }
td.col7 { width:85px; }
td.col8 { }
td.col9 { width:185px; }

td.number { text-align: right;}
tr.alt { background-color: #E0EAED; border-top:1px solid #FFF; border-bottom:1px solid #FFF; color: #000; opacity: 0.75; }
tr.selected { background-color: #EDD9ED; color:#C00068; }

#ftData {}

div.actionBox {
    position: absolute;
    top: 35px;
    right: 47px;
    width: 600px;
    background-color: #E0EAED;
    border:2px solid #FFF;
    padding: 6px 12px;
}


/* **************** tour help ************** */

#tour-help-block {
    position: absolute;
    top: 45px;
    left: 50px;
    width: 700px;
    height: auto;
}


/* **************** ft ************** */
#ft {
    height: 40px;
    width: 100%;
    border-top: 3px solid #FFF;
    background-color: #FBCCE8;
    color: #666;
}

#ft-nav {
    width: 990px;
    padding-left: 10px;
    float: left;
    clear: left;
}
#ft-nav li {
    font-size: 107%;
    float: left;
    display: block;
    padding: 10px 5px;
    vertical-align: baseline;
}
#ft-nav li.last {
    float: right;
}
#ft-nav li a {
    display: block;
    text-decoration: none;
    color: #666;
}
#ft-nav li a:hover {
    color: #E3007A;
};
}