/* Reset
******************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
    pre, img, q, form, table, caption, tbody, tfoot, thead, tr, th, td, fieldset {
    margin: 0;
    padding: 0;
}

table, tr, th, td, img {
    border: none;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

:focus {
    outline: none;
}

p {
    margin-bottom: 1em;
}

table, td, th {
    vertical-align: top;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* @new(07.15) safari body bg-color stretching workaroutd */
    html {
        background: #616061;
        height: 100%;
    }
}


/* Template
******************************************/

body {
    background: url('/assets/images/sweeps/kaplan-body-background.jpg') #616061 left top repeat-x;
    font: normal 62.5% / 1.3em Arial, sans-serif;
    text-align: center;
}

.page {
    margin: 0 auto;
    text-align: left;
    width: 761px;
}

.page-bottom {
    background: url('/assets/images/sweeps/content-bottom.png') left top repeat-y;
    height: 12px;
    //_background: none;
    //_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/sweeps/content-bottom.png', sizingMethod='scale');
    //_zoom: 1;
}

.footer {
    color: #FFF;
    font-size: .9em;
    margin: 0 auto;
    padding:0 0 2em 0;
    text-align: left;
    width: 745px;
}

/* Headers
******************************************/
.head {    
    height: 302px;
    margin-left: -17px;
    margin-right: -5px;
    position: relative;
    width: 775px;
}

.law .head {
	background: url('/assets/images/sweeps/kaplan-head-pmbr.jpg') left top no-repeat;
}

.grad .head, .coll_grad .head, .H .head {
    background: url('/assets/images/sweeps/kaplan-head-gr.jpg') left top no-repeat;
}

.nursing .head, .nurse .head {
    background: url('/assets/images/sweeps/kaplan-head-nurse.jpg') left top no-repeat;
    margin-left: -23px;
    width: 781px;
}

.medical .head, .med_us .head {
    background: url('/assets/images/sweeps/kaplan-head-medical.jpg') left top no-repeat;
    margin-right: -11px;
    width: 781px;
}
.future .head, .futurePC .head {
    background: url('/assets/images/sweeps/kaplan-head-pc-future.jpg') left top no-repeat;
    margin-left: -14px;
    width: 781px;
}

/* Logos
******************************************/
.head a.logo {
    display: block;
    height: 45px;
    left: 23px;
    position: absolute;
    top: 11px;
    width: 240px;
}
.law .head a.logo {
	background: url('/assets/images/sweeps/kaplan-logo-pmbr.gif') left top no-repeat;
}

.medical .head a.logo, .med_us .head a.logo {
    background: url('/assets/images/sweeps/kaplan-logo-medical.gif') left top no-repeat;
}

.nursing .head a.logo, .nurse .head a.logo {
    background: url('/assets/images/sweeps/kaplan-logo-nursing.gif') left top no-repeat;
}

.grad .head a.logo, .coll_grad .head a.logo {
    background: url('/assets/images/sweeps/kaplan-logo-testpr.gif') left top no-repeat;
}

.future .head a.logo, .coll_grad .head a.logo, .futurePC .head a.logo, .H .head a.logo {
	background: url('/assets/images/sweeps/kaplan-logo-testpr.gif') left top no-repeat;
}

/* Content
******************************************/
.content {
    background: url('/assets/images/sweeps/content-background.png') left top repeat-y;
    font-size: 1.2em;
    padding: 5px 25px 20px;
    //_background: none;
    //_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/sweeps/content-background.png', sizingMethod='scale');
    //_zoom: 1;
    *height: 1%;
}

.content h2 {
    color: #662c91;
    font: bold 2.2em 'MetaBoldLF Roman', Myriad Pro, Arial, sans-serif;
    margin: 0 0 5px;
}

.content h4 {
    color: #505050;
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: normal;
    margin: 0 0 1.3em;
}

.confirmation {
    padding-bottom: 50px;
}

.confirmation p, .confirmation h4 {
    padding: 0 0 2em;
}

/* Conlumns
******************************************/
.columns {
    margin: -20px 0 0;
    overflow: hidden;
    position: relative;
    //_zoom : 1;
    z-index: 1; /* @new(07.16) fix ie issue when this block is over h2.enter box */
}

.column {
    padding-left: 2px;
    padding-top: 28px;
    margin-bottom: -9000px;
    padding-bottom: 9010px;
}

.column p {
    color: #505050;
    font-size: 0.8em;
    line-height: 1.4em;
}

.left-column {
    background: url('/assets/images/sweeps/border.gif') right top repeat-y;
    float: left;
    width: 350px;
}

.right-column {
    float: right;
    padding-top: 20px;
    width: 325px;
}

/* Form elements
******************************************/
fieldset {
    border: 0;
    padding: 0 0 .9em;
    overflow: hidden;
    width: 320px;
}

.right-column fieldset {
    width: 325px;
}

.right-column-tl fieldset {
   /* padding: 0 0 1.5em; */
}

fieldset .fields {
    float: right;
    width: 220px;
}

.right-column fieldset .fields {
    float: right;
    width: 195px;
}

.right-column fieldset .fields-limit {
    float: left;
    width: 172px;
}

fieldset label {
    color: #505050;
    float: left;
    line-height: 1.8em;
    overflow: hidden;
    margin-right: 5px;
    vertical-align: middle;
    width: 95px;
}

fieldset.dl label,
    fieldset.tl label {
    line-height: 1.2em;
}

.right-column fieldset label {
    padding: 0 5px 0 0;
    width: 118px;
}

fieldset .fields label {
    float: right;
    width: 75px;
}

select,
    .text-field {
    font-size: 1em;
    font-family: Arial, sans-serif;
}

fieldset select {
    float: left;
    padding: 2px 2px 2px 0;
    position: relative;
}

.text-field {
    background: url('/assets/images/sweeps/field-background.gif') #FFF left top repeat-x;
    border: 1px solid #B3B3B3;
    border-top-color: #727272;
    border-left-color: #B4B4B4;
    border-bottom-color: #DADADA;
    color: #666;
    padding: 2px;
}

fieldset .text-field {
    float: left;
    width: 214px;
}

.right-column .text-field {
    width: 150px;
}

fieldset.dl select,
    fieldset.dl .text-field {
    margin-top: 0.3em;
}

fieldset.tl select,
    fieldset.tl .text-field {
    margin-top: 0.7em;
}

fieldset .right {
    float: right;
}

fieldset input.short-field {
    width: 50px;
}

fieldset input.m-field {
    width: 100px;
}

fieldset select.short-field {
    width: 70px;
}

fieldset .long-field {
    width: 172px;
}

fieldset .submit {
    background: url('/assets/images/sweeps/submit-button.jpg') #FEC53A left top no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    height: 53px;
    text-indent: -999em;
    width: 216px;
}

fieldset .whtwonSubmit {
    background: url('/assets/images/sweeps/button-show-what-i-won.jpg') #FEC53A left top no-repeat;
    border: 0;
    cursor: pointer;
    height: 55px;
    width: 207px;
}
fieldset .confirmSubmit {
    background: url('/assets/images/sweeps/button-confirm-entry.jpg') #FEC53A left top no-repeat;
    border: 0;
    cursor: pointer;
    height: 38px;
    width: 207px;
}

fieldset input.checkbox {
    top: 1px;
    margin: 0;
    position: relative;
}

fieldset label.checkbox {
    display: inline;
    float: none;
    margin: 0;
    padding: 0 5px 0 2px;
    //padding : 0;
    width: auto;
}

/*
******************************************/
.thnx-page .content, .thnx-page .centred {
    text-align: center;
}

.thnx-page .content h2 {
    color: #662c91;
    font: bold 3em 'MetaBoldLF Roman', Myriad Pro, Arial, sans-serif;
    margin: 0 0 0.6em;
}

.thnx-page .content h3 {
    color: #662c91;
    font: bold 2em 'MetaBoldLF Roman', Myriad Pro, Arial, sans-serif;
    margin: 0 0 0.2em;
}

.thnx-page .content h3.sm {
    font: bold 1.5em 'MetaBoldLF Roman', Myriad Pro, Arial, sans-serif;
}

.thnx-page .content h4 {
    color: #505050;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1.2em;
}

.thnx-page .thnx-button {
    background: url('/assets/images/sweeps/thnx-button.jpg') left top no-repeat;
    display: block;
    height: 56px;
    margin: 0 auto 2em;
    width: 303px;
}

/* Rounded corners box
******************************************/
.rc-box {
    background: #FEFFB0;
    color: #333333;
    font-size: 1.1em;
    line-height: 1.3;
    margin: 0 auto 2.5em;
    position: relative;
    width: 70%;
    //zoom : 1;
}

.rc-box-content {
    padding: 15px;
}

.rc-box-content h5 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 .5em;
}

.rc-box-content h6 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 .5em;
}

.rc-left-top,
.rc-right-top,
.rc-left-bottom,
.rc-right-bottom {
    background-image: url('/assets/images/sweeps/rounded-corners-yel-sprite.gif');
    background-color: #900;
    background-repeat: no-repeat;
    height: 6px;
    overflow: hidden;
    position: absolute;
    width: 6px;
}

.rc-left-top {
    background-position: 0 0;
    left: 0;
    top: 0;
}

.rc-left-bottom {
    background-position: 0 -6px;
    left: 0;
    bottom: 0;
    //_bottom : expression ( this . parentNode . offsetHeight % 2 ? - 1 : 0 ); /* Fix IE bottom position for event/odd height */
}

.rc-right-top {
    background-position: -6px 0;
    right: 0;
    top: 0;
    //_right : expression ( this . parentNode . offsetWidth % 2 ? - 1 : 0 ); /* Fix IE right position for event/odd width */
}

.rc-right-bottom {
    background-position: -6px -6px;
    right: 0;
    bottom: 0;
    //_right : expression ( this . parentNode . offsetWidth % 2 ? - 1 : 0 ); /* Fix IE right position for event/odd width */
    //_bottom : expression ( this . parentNode . offsetHeight % 2 ? - 1 : 0 ); /* Fix IE bottom position for event/odd height */
}

/* Buttons holders
******************************************/
.buttons {
    list-style: none outside;
    margin: 0 0 1.5em;
    padding: 0;
}

.buttons li {
    display: block;
    padding: 10px 0;
}

.buttons-line {
    padding: 0;
}

.buttons-line li {
    display: inline;
    padding: 0 10px;
}

.buttons-line li img {
    vertical-align: middle;
}

.buttons-list {
    padding: 0 6px 0 0;
}

.buttons-list li {
    background: url('/assets/images/sweeps/list-circle.jpg') left center no-repeat;
    padding: 0 6px 0 16px;
}

.buttons-list li.first {
    background: none;
}

/* Scratch box styles
******************************************/
.scratch-card-box {
    background: url('/assets/images/sweeps/scratch-card.gif') right top no-repeat;
    min-height: 370px;
    padding: 20px 300px 0 70px;
    text-align: center;
    width: 275px;
    //_height : 380 px;
}

.scratch-card-box  .box {
    padding: 2em;
}

.scratch-card-box label {
    color: #505050;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 .6em;
}

.scratch-card-box .text-field {
    width: 200px;
}

/* Misc
******************************************/
.details {
    color: #662c91;
}

.details .buttons-line li a {
    color: #662c91;
    font-weight: bold;
    text-decoration: none;
}

.hidden {
    position: absolute;
    left: -900em;
    top: -900em;
}

.rules {
    background: #FFF;
    font-size: 1.2em;
    line-height: 1.5;
    padding: 1px;
}

    .rules .overflow {
        height: 400px;
        overflow: auto;
        padding: 19px;
    }

    .rules h2 {
        color: #66408C;
        font-size: 1.4em;
        font-weight: bold;
        margin: 0 0 1em
    }

.errorMsg {
}

.errorMsg ul {
	background: #F9FFBC;
	border: 1px solid #FF0000;
	list-style: none outside;
	padding: 1em;
}

.errorMsg ul li {
	background: transparent url(/assets/images/bullet/bullet_disc_red.gif) no-repeat scroll 0 0.35em;
    color: #CC0000;
    font-size: 1em;
    padding-left: 1em;
}

a.btnPrint {
    background: url(/assets/images/btn/btn_chead_print.gif) no-repeat;
    color: #662C91;
    padding-left: 2em;
}
.content h2.success {
	background: url(/assets/images/sweeps/how-do-you.gif) no-repeat;
    text-indent: -1000em;
    width: 288px;
}
.content h2.enter {
	background: url(/assets/images/sweeps/enter-to-win.gif) no-repeat;
    position: relative; /* @new(07.16) needed to use z-index */
	text-indent: -1000em;
    width: 192px;
    z-index: 2; /* @new(07.16) fix ie issue when this block is under .columns box */
}
.scratch-card-box h2.winner {
	text-indent: -1000em;
	background: url(/assets/images/sweeps/have-scratch-card.gif) no-repeat;    
    width: 253px; 
    height:59px;       
}
.page .content h2.congrats {
	background: url(/assets/images/sweeps/congrats.gif) no-repeat;
	position:relative;
    text-indent: -1000em;
    width:318px;
    margin-left: auto;
    margin-right: auto;
        
}
.page .content h2.ready {
	background: url(/assets/images/sweeps/ready-for-career.gif) no-repeat;
	position:relative;
    text-indent: -1000em;
    width:525px;        
}