body {
    font-size: 100%;
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    background-color: rgb(255,255,255);
    color: black;
    margin-left: 0;
    margin-right: 0;
    padding: 0px 0px 50px;
    line-height: 1.125em;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 0;
    font-size: 12px;
    min-width: 1170px;
}

.wait {
    cursor: wait !important;
}

button:focus, submit:focus, select:focus, a:focus, input[type="submit"], input[type="button"], input[type="submit"]:focus, input[type="button"]:focus {
    outline: 0 !important;
}

input::-moz-focus-inner {
    border: 0;
}

h1 {
    font-size: 228%;
    text-align: center;
    width: 100%;
    display: block;
    clear: both;
    margin-top: 20px;
}

h2 {
    font-size: 170%;
    text-align: center;
    clear: both;
    margin-top: 20px;
}

h3 {
    font-size: 110%;
    text-align: center;
    clear: both;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

p {
    text-align: justify;
    font-weight: normal;
    line-height: 150%;
}

a:link {
    color: blue;
    text-decoration: underline;
}



#account_overlay, #alert_overlay, #standards_overlay, #class_overlay, #general_overlay, #confirm_overlay, #report_issue_overlay, #payment_overlay {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; /* IE8 */
    background-color: rgba(140,150,170,0.6);
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

#alert_overlay {
    z-index: 10001; /*Want alert saying AJAX failed above other overlays*/
}


#welcome_top {
    margin: 0px auto 90px;
}

    #welcome_top h1 {
        font-weight: 400;
        font-size: 58px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0px;
        line-height: 1em;
        font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    }

    #welcome_top h2 {
        line-height: 1.1em;
        font-weight: normal;
        font-size: 24px;
        color: rgb(30,30,30);
        font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
    }

#welcome_price {
    font-size: 20px;
    color: rgb(50,150,50);
}

.welcome_mid {
    width: 700px;
    display: block;
    margin: 20px auto 20px;
    clear: both;
}

.welcome_mid_pic {
    height: 100%;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 40px;
    margin-left: 0px;
    float: right;
}

.welcome_mid_text {
    height: 100%;
    width: 380px;
    margin: 10px 10px 10px 10px;
    float: right;
}

.welcome_sample_link, #unlock_link, #home_pay_link, #back_to_choose_form_link {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.welcome_mid h3 {
    font-size: 25px;
    line-height: 1.3em;
    font-weight: 400;
}

.welcome_mid p {
    font-size: 15px;
    line-height: 1.4em;
    color: rgb(30,30,30);
}

#welcome_mid1 {
    margin-top: 30px;
}

#welcome_mid_pic1 {
    height: 162px;
    margin-top: 20px;
    margin-right: 40px;
}

#welcome_mid_pic2 {
    height: 162px;
    margin-top: 20px;
    margin-right: 40px;
}

#welcome_mid_pic3 {
    height: 162px;
    margin-top: 25px;
    margin-right: 40px;
}

#welcome_mid_pic4 {
    height: 162px;
    margin-top: 20px;
    margin-right: 40px;
}

#welcome_mid_pic5 {
    height: 162px;
    margin-top: 20px;
    margin-right: 40px;
}

#create_account_easy {
    text-align: left;
    margin-bottom: 10px;
}

#create_account_explanation, #create_account_explanation_landing {
    line-height: 1.2em;
    margin-top: 3px;
    font-size: 13px;
}

#create_account_text_holder, #create_account_text_holder_landing {
    clear: both;
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 9px;
    cursor: default;
    height: 43px;
    margin-top: 14px;
}

textarea, select, input[type=text], input[type=email], input[type=password], input[type=file] {
    font-size: 14px;
    color: rgb(10,10,50);
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    background-color: #FFFFFF;
    border: 1px solid rgb(150,150,255);
    clear: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type=email], input[type=password], input[type=file], #input_user_email, #input_user_password, #create_account_email, #create_account_password, #create_account_username, #create_account_email_landing, #create_account_password_landing {
    margin-bottom: 15px;
}

select {
    -webkit-border-radius: 5px 0px 0px 0px;
    -moz-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 0px;
}


fieldset {
    padding: 0px;
    margin-bottom: 10px;
}

select {
    height: 1.5em;
    margin-top: 1px;
}

textarea, input {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 73%;
    padding-left: 3px;
    padding-right: 3px;
}

textarea, input, select {
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.6);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.6);
    box-shadow: 3px 3px 6px rgba(0,0,0,.6);
}


    textarea:focus, select:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=file]:focus {
        -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,.6);
        -moz-box-shadow: 6px 6px 6px rgba(0,0,0,.6);
        box-shadow: 6px 6px 6px rgba(0,0,0,.6);
        border: 1px solid rgb(0,125,125);
        outline: none;
        -moz-transition: -moz-box-shadow .2s ease-in-out;
        -webkit-transition: -webkit-box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out;
    }

    input[type=file] {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }

.remember_me_holder {
    float: right;
    clear: right;
    width: auto;
    margin-right: 10%;
}

.remember_me_box {
    float: left;
    clear: none;
    width: auto;
    margin-right: 5px;
    cursor: pointer;
}

.remember_me_label {
    float: left;
    clear: none;
    line-height: 1.5em;
    cursor: pointer;
}

.unselectable, .cell_char, .cell_number {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

textarea {
    resize: none;
    overflow: auto;
    line-height: 1.5em;
}

label {
    float: left;
    text-align: right;
    margin-right: 1%;
    margin-left: 1%;
    display: block;
    font-weight: bold;
    clear: left;
    width: 20%;
    margin-top: 5px;
    font-size: 14px;
    text-shadow: 0px 0px 2px rgb(255,255,255);
}

.section_label {
    font-weight: bold;
    padding-left: 20%;
    font-size: 120%;
}

#wrap {
    min-width: 970px;
    max-width: 1200px;
    margin: 0px auto;
}

#home_header_wrap {
    height: 7em;
    padding-top: 0.5em;
}

.home_col {
    padding: 0;
    margin: 0;
    background-color: #FFE1FF;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    margin-bottom: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid black;
    width: 95%;
}

#welcome_page .home_col {
    border-color: #DF90DF;
}

#home_wrap {
    margin: 50px auto 0px;
    -webkit-box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    -moz-box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    height: auto;
    width: 97%;
    max-width: 1300px;
    background-color: #EBF5FF;
    /*BEGIN BACKGROUND GRADIENT*/
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left top, circle farthest-side, #EBF5FF 0%, #E1F5FF 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left top, circle farthest-side, #EBF5FF 0%, #E1F5FF 100%);
    /* Opera */
    background-image: -o-radial-gradient(left top, circle farthest-side, #EBF5FF 0%, #E1F5FF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left top, 0, left top, 973, color-stop(0, #EBF5FF), color-stop(1, #E1F5FF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left top, circle farthest-side, #EBF5FF 0%, #E1F5FF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-side at left top, #EBF5FF 0%, #E1F5FF 100%);
    /*END BACKGROUND GRADIENT*/
    border-top: 1px solid rgb(235,250,255);
    border-left: 1px solid rgb(235,250,255);
}

#home_head_wrap {
    padding: 0;
    background-color: #FBFFC9;
    /*BEGIN BACKGROUND GRADIENT*/
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left top, circle farthest-corner, #FBFFC9 0%, #F6FFBA 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left top, circle farthest-corner, #FBFFC9 0%, #F6FFBA 100%);
    /* Opera */
    background-image: -o-radial-gradient(left top, circle farthest-corner, #FBFFC9 0%, #F6FFBA 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #FBFFC9), color-stop(1, #F6FFBA));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left top, circle farthest-corner, #FBFFC9 0%, #F6FFBA 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-corner at left top, #FBFFC9 0%, #F6FFBA 100%);
    /*END BACKGROUND GRADIENT*/
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 680px;
    height: 150px;
    margin: 0px auto 50px;
    -webkit-box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    -moz-box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-top: 1px solid rgb(200,200,200);
    border-left: 1px solid rgb(200,200,200);
}

#home_image_holder {
    width: 250px;
    margin: 0px auto;
}

#home_make_me_unlimited_box {
    width: 400px;
    margin: 50px auto;
    clear: both;
    background-color: rgb(255,245,220);
    padding: 30px;
    border: 2px solid rgb(155,125,75);
    box-shadow: 0px 0px 4px rgba(155,125,75,0.5);
    padding-bottom: 38px;
}

#home_make_me_unlimited_text {
    font-size: 18px;
    line-height: 1.2em;
    padding-bottom: 28px;
}

#home_make_me_unlimited_button {
    float: none;
    margin: 0px auto;
    font-size: 18px;
    display: block;
    line-height: 1em;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

#home_is_unlimited_box {
    width: 400px;
    margin: 50px auto;
    clear: both;
    background-color: rgb(155,255,155);
    text-align: center;
    padding: 15px 30px;
    border: 2px solid rgb(0,205,0);
    box-shadow: 0px 0px 4px rgba(0,205,0,0.5);
    font-size: 18px;
    line-height: 2em;
}

#home_is_unlimited_text {
    cursor: default;
}

#home_head_sentence {
    text-align: center;
    font-size: 24px;
    font-family: "trebuchet ms", "lucida sans", verdana, geneva, sans-serif;
    cursor: default;
    font-style: italic;
}

#col1_box {
    width: 53%;
    float: right;
}

#col2_box {
    width: 45%;
    float: left;
}

#home_col1_box {
    width: 49%;
    float: left;
    padding-top: 40px;
}

#home_col2_box {
    width: 49%;
    float: right;
    padding-top: 40px;
}

#col1 {
    float: left;
    width: 95%;
}

#col2 {
    float: right;
    width: 95%;
}

#home_col1 {
    float: right;
    height: 300px;
}

#home_col1_content {
    height: 190px;
}

#home_col2 {
    float: right;
    height: 222px;
}

#home_col2_content {
    height: 112px;
}

#home_col3 {
    float: left;
    height: 400px;
}

#home_col3_content {
    height: 290px;
}


#home_col5 {
    float: left;
    height: 300px;
}

#home_col5_content {
    height: 190px;
}

#welcome_right_col {
    margin: 0px auto;
    width: 70%;
    clear: both;
}

#welcome_col4 {
    width: 355px;
    height: 283px;
    clear: both;
    float: right;
    margin-bottom: 100px;
}


.welcome_explainer {
    font-size: 16px;
    margin: 0px auto;
    padding-top: 20px;
}

#welcome_explainer2 {
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}

#welcome_more_info_link_holder {
    float: right;
    padding-bottom: 35px;
    padding-top: 10px;
}

#welcome_more_info_link, #welcome_price_link, #welcome_how_to_link {
    color: blue;
    cursor: pointer;
}

.pay_form {
    display: inline;
}

.pay_form_submit {
    background: none !important;
    border: none;
    padding: 0px !important;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    display: inline !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: auto !important;
    font-size: inherit;
    font-family: inherit !important;
    line-height: inherit !important;
}

#puzzle_pay_form {
    /*needed to prevent underline from being hidden in some browsers*/
    line-height: 1.5em;
}

#landing_col1 {
    width: 50%;
    float: left;
    clear: none;
}

#landing_col2 {
    width: 50%;
    float: right;
    clear: none;
}

.home_col_content {
    /*hid overflow-x to prevent ultra-long word from causing horizontal scroll bar*/
    overflow-y: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    overflow-x: hidden;
}

.home_puzzle_holder {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 1em;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

    .home_puzzle_holder:hover {
        background-color: rgb(235,255,180);
    }

.home_puzzle_type {
    width: 100px;
    font-weight: bold;
    display: inline-block;
    float: left;
}

.home_puzzle_dimension {
    width: 50px;
    display: inline-block;
    float: left;
}

.home_puzzle_difficulty {
    width: 90px;
    font-style: italic;
    display: inline-block;
    float: left;
}

.home_puzzle_title {
    width: 165px;
    text-decoration: underline;
    display: inline-block;
    float: left;
}

.home_none_content {
    font-size: 22px;
    font-style: italic;
    line-height: 1em;
    text-align: center;
    cursor: default;
}

.library_class_before:before {
    content: "+";
    padding-right: 5px;
    font-family: "Courier New", Courier, monospace;
}

.library_class_before {
    cursor: pointer;
}

.library_class_before_on:before {
    content: "-";
}

.library_class_header {
    line-height: 1em;
}

.library_class_header_holder {
    font-size: 20px;
    margin-top: 25px;
}

.library_entry {
    margin-left: 18px;
    margin-top: 9px;
    clear: both;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.library_subject {
    font-weight: bold;
    padding-left: 2px;
}

.library_title {
    margin-left: 4px;
    margin-right: 5px;
}

.library_link_div {
    display: inline-block;
    float: right;
    padding: 3px 6px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor: pointer;
    margin-right: 4px;
}

    .library_link_div:hover {
        background-color: rgb(255,200,200);
    }

#general_overlay_body .library_link_div:hover {
    background-color: rgb(135,255,160);
}

.library_open {
    display: inline-block;
    cursor: pointer;
    padding: 3px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    max-width: 80%;
}

    .library_open:hover {
        background-color: rgb(235,255,180);
    }

#general_overlay_body .library_open:hover {
    background-color: rgb(135,255,160);
}



#log_in_box, #create_account_box, #alert_box, #standards_box, #class_box, #general_overlay_box, #confirm_overlay_box, #report_issue_overlay_box, #puzzle_password_required_box, #completion_box, #payment_overlay_box, #select_plan_box {
    width: 393px;
    height: 264px;
    padding: 0px;
    margin: 0px auto 0px;
    border: 2px solid rgb(0,0,50);
    background-color: rgb(240,240,255);
    /*-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    /*-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    /*box-sizing: border-box;         /* Opera/IE 8+ */
    opacity: 1;
    filter: Alpha(opacity=100);
    /*position:fixed;
	z-index:10001;
	top:200px;
	opacity:1;
	filter:Alpha(opacity=100);*/
}

#log_in_box, #create_account_box {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center, ellipse closest-side, #F8F8FF 0%, #F0F0FF 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center, ellipse closest-side, #F8F8FF 0%, #F0F0FF 100%);
    /* Opera */
    background-image: -o-radial-gradient(center, ellipse closest-side, #F8F8FF 0%, #F0F0FF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center center, 0, center center, 140, color-stop(0, #F8F8FF), color-stop(1, #F0F0FF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center, ellipse closest-side, #F8F8FF 0%, #F0F0FF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse closest-side at center, #F8F8FF 0%, #F0F0FF 100%);
}


#alert_box, #standards_box, #class_box, #general_overlay_box, #confirm_overlay_box, #report_issue_overlay_box, #puzzle_password_required_box, #completion_box, #payment_overlay_box, #select_plan_box {
    background-color: rgb(245,245,255);
}

#alert_box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F5F5FC 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F5F5FC 100%);
    /* Opera */
    background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F5F5FC 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #F5F5FC));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F5F5FC 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #F5F5FC 100%);
    height: auto;
    margin-top: 160px;
    border-width: 3px;
}

#standards_head_box, #class_head_box, #general_overlay_head_box, #confirm_overlay_head_box, #report_issue_overlay_head_box {
    background-color: rgb(240,240,245);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FAFAFF 0%, #EBEBF0 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FAFAFF 0%, #EBEBF0 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FAFAFF 0%, #EBEBF0 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFF), color-stop(1, #EBEBF0));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FAFAFF 0%, #EBEBF0 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FAFAFF 0%, #EBEBF0 100%);
}

#class_box {
    margin-top: 110px;
}

#payment_overlay_header1, #select_plan_header {
    font-size: 28px;
    line-height: 1em;
    font-family: "open sans","helvetica neue","segoe ui",sans-serif;
    clear: both;
    margin-top: 0px;
    padding-bottom: 10px;
    cursor: default;
    text-align: center;
    text-decoration: underline;
}


#plan_selected_value, #plan_price_value {
    height: 25px;
    font-size: 18px;
    line-height: 25px;
}

#plan_selected_value {
    width: 280px;
}

#plan_selected_value_change, #free_trial_go_back, #billing_address_back_button {
    cursor: pointer;
    color: rgb(0,0,200);
    text-decoration: underline;
    font-size: 10px;
    padding-left: 10px;
}

#free_trial_go_back {
    float: right;
    position: relative;
    top: -55px;
    font-size: 12px;
    padding-left: 0px;
}

#billing_address_back_button {
    float: right;
    position: relative;
    left: -15px;
    font-size: 12px;
    font-style: normal;
    padding-left: 0px;
}

#free_trial_messaging {
    padding: 20px 30px 20px;
}

#free_trial_messaging1 {
    clear: both;
    line-height: 1.3em;
    font-size: 16px;
}

#free_trial_messaging1_1 {
    padding-bottom: 18px;
    line-height: 1.3em;
}

#free_trial_messaging1_2 {
    font-style: italic;
}

#token_payment_line3 {
    padding-top: 30px;
    font-style: italic;
}

#token_payment_go_back {
    font-size: 12px;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    position: relative;
    top: -30px;
}

#general_overlay_box, #confirm_overlay_box, #report_issue_overlay_box, #puzzle_password_required_box, #payment_overlay_box {
    margin-top: 100px;
    width: 500px;
    height: 400px;
    position: relative;
}

#completion_box {
    margin-top: 50px;
    width: 980px;
    height: 499px;
    background-color: rgb(200,255,255);
}

#general_overlay_body {
    overflow-y: auto;
    height: 347px;
    padding: 0px 25px;
}

#confirm_overlay_body, #report_issue_overlay_body {
    overflow-y: auto;
    height: 187px;
    padding: 40px;
    font-size: 16px;
    line-height: 1.4em;
}

#payment_overlay_box {
    height: auto;
}

#payment_overlay_body {
    overflow-y: auto;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
}

#confirm_overlay_body {
    height: 205px;
    margin-bottom: 25px;
    padding-bottom: 12px;
}

#payment_overlay_body #card_info_holder {
    padding-left: 50px;
    padding-top: 20px;
}

#report_issue_text {
    font-size: 15px;
    cursor: default;
}

#report_issue_overlay_body {
    height: 296px;
    padding-top: 25px;
    padding-bottom: 27px;
}

#confirm_button_fieldset {
    padding-left: 50px;
    padding-right: 45px;
}

#report_issue_button_fieldset {
    padding-top: 23px;
    padding-left: 0px;
    padding-right: 20px;
}

#report_issue_textarea {
    width: 100%;
    height: 86px;
}

#issue_response_requested {
    position: relative;
    top: 2px;
    cursor: pointer;
}

#issue_response_requested_label {
    font-size: 14px;
    cursor: pointer;
    padding-left: 5px;
}

#general_overlay_header, #confirm_overlay_header, #report_issue_overlay_header {
    font-size: 24px;
    font-family: "open sans","helvetica neue","segoe ui",sans-serif;
    clear: both;
    margin-top: 0px;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 20px;
    cursor: default;
}











#account_nav {
    width: 393px;
    margin: 160px auto 0px;
    height: 24px;
    opacity: 1;
    filter: Alpha(opacity=100);
    position: relative;
    left: -2px;
}

.alert_p2 {
    display: block;
    margin-top: 1em;
}

.alert_create_account {
    text-decoration: underline;
    color: rgb(245,60,0);
    cursor: pointer;
}

    .alert_create_account:hover {
        color: rgb(0,180,50);
    }

#standards_overlay {
    padding-top: 5%;
}

#standards_box {
    height: 80%;
    width: 60%;
    min-height: 410px;
    min-width: 500px;
}

#class_box {
    width: 540px;
    height: 350px;
}


#standards_head_box {
    height: 110px;
}

#select_standards_holder {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    overflow: auto;
    height: 350px;
}

#standards_list {
    padding-right: 10px;
    padding-bottom: 25px;
}

#standards_header {
    font-size: 20px;
    font-family: "open sans","helvetica neue","segoe ui",sans-serif;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    line-height: 1.5em;
    clear: left;
}

#standards_subhead {
    text-align: left;
    font-size: 13px;
    line-height: 1.3em;
    height: 2.6em;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 0px;
    clear: left;
    display: block;
}

#standards_grade_holder {
    clear: left;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#standards_grade_header {
    font-weight: bold;
    font-size: 14px;
    margin-right: 3px;
    float: left;
}

#standards_grade {
    font-size: 14px;
    float: left;
}

.account_overlay_tab {
    cursor: pointer;
    background-color: rgb(240,240,255);
    display: inline-block;
    line-height: 24px;
    padding: 0px 7px;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    margin-right: 4px;
}

.overlay_active_tab {
    filter: Alpha(opacity=100);
    opacity: 1;
}

.overlay_inactive_tab {
    opacity: 0.85;
    filter: Alpha(opacity=85);
}

    .overlay_inactive_tab:hover {
        opacity: .92;
        filter: Alpha(opacity=92);
    }

.close_account_overlay {
    float: right;
    cursor: pointer;
    position: relative;
    top: 11px;
    left: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid black;
}

#close_general_overlay_box, #close_standards_box, #close_confirm_overlay_box, #close_report_issue_overlay_box, #close_completion_overlay, #close_payment_overlay_box, #close_select_plan_box {
    top: -15px;
    left: 15px;
}

#close_change_password {
    top: -13px;
}

#welcome_wrap {
    margin-top: 40px;
}

#welcome_text_box {
    width: 510px;
    float: left;
    padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #21D4DF;
    margin-bottom: 70px;
    background-color: #EAFDFF;
}

#features_header {
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
    text-align: center;
    font-size: 44px;
    line-height: 1.5em;
    padding-bottom: 28px;
    text-decoration: underline;
}

#welcome_text_box h3 {
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
    text-align: left;
    font-size: 24px;
    padding-top: 15px;
    font-weight: normal;
    line-height: 1em;
}

#new_welcome_text_box {
    padding-right: 60px;
    padding-top: 10px;
}

    #new_welcome_text_box p {
        padding-bottom: 15px;
        font-size: 16px;
        margin-top: 0.7em;
        margin-bottom: 1em;
        font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    }

.left_par p {
    text-align: left;
}

.li_detail {
    display: none;
}

.li_detail_on {
    display: inline;
}


#value_prop_li_div1, #value_prop_li_div2, #value_prop_li_div3, #value_prop_li_div4 {
    margin-left: auto;
    margin-right: auto;
    width: 85px;
    margin-top: 22px;
}



#top1, #top2 {
    display: block;
    height: 100px;
}

.home_top {
    display: block;
    height: 70px;
}

#home_head_wrap h1 {
    font-size: 40px;
    line-height: 40px;
    font-family: ”comic sans ms”,”lucida sans”,sans-serif;
    text-shadow: 0px 0px 3px rgb(255,255,255);
}

.home_top h2 {
    font-size: 30px;
    line-height: 26px;
    text-shadow: 0px 0px 3px rgb(255,255,255);
    cursor: default;
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-weight: normal;
}


.top h2 {
    font-size: 220%;
    font-weight: 500;
    margin-top: 0px;
    padding-top: 20px;
    font-family: "comic sans ms","lucida sans",sans-serif;
    text-shadow: 0px 0px 3px rgb(255,255,255);
}

.top a {
    color: rgb(0,0,150);
}

#rightdisplay {
    overflow: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

/*begin header layout*/

#spacer1 {
    padding: 0;
    height: 60px;
    width: 100%;
    z-index: 400;
}

#spacer2_holder {
    position: fixed;
    width: 100%;
    z-index: 401;
}

#spacer2 {
    min-width: 1130px;
    height: 50px;
    padding: 0;
    margin: 10px 20px 0px;
    position: relative;
    z-index: 401;
}

#bkgd_force {
    position: fixed;
    width: 100%;
    margin-top: 0px;
    height: 60px;
    z-index: 350;
    border-bottom: 1px solid black;
    background-color: rgb(255,255,255); /*Try to align browsers that ignore png transparency with browsers who don't process gradient, so those browsers have all white*/
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #EFF3FF 0%, #FFFFFF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #EFF3FF 0%, #FFFFFF 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #EFF3FF 0%, #FFFFFF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFF3FF), color-stop(1, #FFFFFF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #EFF3FF 0%, #FFFFFF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #EFF3FF 0%, #FFFFFF 100%);
}

#logo {
    float: left;
    border: 0px;
    margin-top: 4px;
}

#account_action_holder {
    float: right;
    clear: none;
}

#not_logged_in_holder, #logged_in_holder {
    margin: 0px 0px 0px 15px;
    float: right;
}

#not_logged_in_holder {
    width: 150px;
    margin-left: 0px;
}


#logged_in_holder {
    width: 80px;
}

#fb_share {
    cursor: pointer;
    float: right;
    margin-left: 15px;
    width: 58px;
}

#twitter_holder {
    float: right;
    margin-left: 10px;
    width: 58px; /*set so that loading doesn't move it sideways*/
}

#header_print_img {
    float: right;
    cursor: pointer;
}

#pdf_img {
    width: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
    clear: none;
    margin-left: 7px;
}

#pdf_form {
    float: right;
    clear: none;
    margin: 0px;
    padding: 0px;
}

#social_share_holder {
    float: right;
    position: relative;
    height: 0px;
    top: 8px;
    left: -38px;
    clear: both;
    display: none;
}

#puzzle_body #social_share_holder {
    display: block;
}

#left_social_holder {
    padding-right: 55px;
    height: 23px;
}

.header_button, .submit {
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    color: #000000;
    font-family: "open sans","helvetica neue","segoe ui",sans-serif;
    height: 25px;
    font-size: 100%;
    width: auto;
    float: right;
    margin: 0px 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    -webkit-box-shadow: #B4B5B5 0px 0px 4px;
    -moz-box-shadow: #B4B5B5 0px 0px 4px;
    box-shadow: #B4B5B5 0px 0px 4px;
    padding: 0px 7px 2px;
    text-shadow: 0px 0px 3px rgb(255,255,255);
}

#logout_message_box {
    border-width: 2px;
    border-style: solid;
}


.welcome_submit, #password_change_submit, #puzzle_password_submit {
    margin-right: 22px;
    margin-top: 1px;
    float: right;
    clear: right;
    font-size: 14px;
    width: 130px;
    height: 35px;
}

#password_change_submit {
    margin-top: 7px;
}

/*
button creation link
http://cssgradientbutton.com/?bg0=CDC9FF&bg1=AFA6FF&bg2=CBFFB8&bg3=5EFA46&r=13&p_top=13&p_right=13&p_bottom=13&p_left=13&w_auto=no&w=181&text_c=000000&textshadow=yes&textshadow_c=FFFFFF&shadow_bt=4&shadow_c=B4B5B5&border_s=2&border_c=413B96&border_c_hover=000000&f_size_auto=yes&f_s=12&font=arial, helvetica, sans-serif&bold=yes&inset=no&s_x=0&s_y=0&s_b=0&t_s_px=-1&b_top=2&b_right=2&b_bottom=2&b_left=2&bt_c=423C99&br_c=423C99&bb_c=423C99&bl_c=423C99&bhover_top=2&bhover_right=2&bhover_bottom=2&bhover_left=2&bhover_t_c=000000&bhover_r_c=000000&bhover_b_c=000000&bhover_l_c=000000&bh_top=2&br_top=3&br_right=3&br_bottom=3&br_left=3&h_s=-1&v_s=-1&b_s=3&o_s=1
*/

/*blue*/
#log_in_button, #login_submit, #alert_button, #password_change_submit, #new_plan_submit, #search_submit, #copy_lesson_button, #copy_unit_button, #use_as_reference_button, .abandon_button, .submit_button, #select_standards_button, #pdf_button, #print_button, #share_button, #login_to_action_button, #go_to_unit_button, .calendar-tbd, #logout_message_box, .blue_button {
    border-color: #413B96;
    border-bottom-color: rgb(33,30,75);
    border-right-color: rgb(33,30,75);
    background-color: #CDC9FF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CDC9FF), color-stop(100%, #AFA6FF));
    background-image: -webkit-linear-gradient(top, #CDC9FF, #AFA6FF);
    background-image: -moz-linear-gradient(top, #CDC9FF, #AFA6FF);
    background-image: -ms-linear-gradient(top, #CDC9FF, #AFA6FF);
    background-image: -o-linear-gradient(top, #CDC9FF, #AFA6FF);
    background-image: linear-gradient(top, #CDC9FF, #AFA6FF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CDC9FF, endColorstr=#AFA6FF);
}

    /*red*/
    #log_out_button, .abandon_button:hover, .calendar-cancel, .red_button {
        border-color: #962929;
        border-bottom-color: rgb(75,21,21);
        border-right-color: rgb(75,21,21);
        background-color: #FFD9D1;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD9D1), color-stop(100%, #FF9D96));
        background-image: -webkit-linear-gradient(top, #FFD9D1, #FF9D96);
        background-image: -moz-linear-gradient(top, #FFD9D1, #FF9D96);
        background-image: -ms-linear-gradient(top, #FFD9D1, #FF9D96);
        background-image: -o-linear-gradient(top, #FFD9D1, #FF9D96);
        background-image: linear-gradient(top, #FFD9D1, #FF9D96);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD9D1, endColorstr=#FF9D96);
    }


/*Link to button editor for this button
http://cssgradientbutton.com/?bg0=FFDFAF&bg1=FFCC54&bg2=CBFFB8&bg3=5EFA46&r=13&p_top=13&p_right=13&p_bottom=13&p_left=13&w_auto=no&w=181&text_c=000000&textshadow=yes&textshadow_c=FFFFFF&shadow_bt=4&shadow_c=B4B5B5&border_s=2&border_c=000000&border_c_hover=000000&f_size_auto=yes&f_s=12&font=arial, helvetica, sans-serif&bold=yes&inset=no&s_x=0&s_y=0&s_b=0&t_s_px=-1&b_top=2&b_right=2&b_bottom=2&b_left=2&bt_c=000000&br_c=000000&bb_c=000000&bl_c=000000&bhover_top=2&bhover_right=2&bhover_bottom=2&bhover_left=2&bhover_t_c=000000&bhover_r_c=000000&bhover_b_c=000000&bhover_l_c=000000&bh_top=2&br_top=3&br_right=3&br_bottom=3&br_left=3&h_s=-1&v_s=-1&b_s=3&o_s=1*/

/*orange*/
.orange_button {
    border-color: rgb(200,102,49);
    border-bottom-color: rgb(181,82,29);
    border-right-color: rgb(181,82,29);
    background-color: #FFDFAF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDFAF), color-stop(100%, #FFCC54));
    background-image: -webkit-linear-gradient(top, #FFDFAF, #FFCC54);
    background-image: -moz-linear-gradient(top, #FFDFAF, #FFCC54);
    background-image: -ms-linear-gradient(top, #FFDFAF, #FFCC54);
    background-image: -o-linear-gradient(top, #FFDFAF, #FFCC54);
    background-image: linear-gradient(top, #FFDFAF, #FFCC54);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFDFAF, endColorstr=#FFCC54);
}

/*green*/
.welcome_sign_up, #sign_up_button, #create_account_submit, #create_account_submit_landing, .submit_button:hover, #donate_button, .attachment_submit, .minutes_save, #standards_done, #unit_class_done, #output_class_done, .structure_remember_button, .purpose_remember_button, .subject_remember_button, .structure_save_button, .purpose_save_button, .subject_save_button, .assessment_type_save_button, .assessment_type_remember_button, .next_tour_button, .green_button {
    border-color: rgb(50,178,64);
    border-bottom-color: rgb(25,89,32);
    border-right-color: rgb(25,89,32);
    background-color: #CBFFB8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CBFFB8), color-stop(100%, #5EFA46));
    background-image: -webkit-linear-gradient(top, #CBFFB8, #5EFA46);
    background-image: -moz-linear-gradient(top, #CBFFB8, #5EFA46);
    background-image: -ms-linear-gradient(top, #CBFFB8, #5EFA46);
    background-image: -o-linear-gradient(top, #CBFFB8, #5EFA46);
    background-image: linear-gradient(top, #CBFFB8, #5EFA46);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CBFFB8, endColorstr=#5EFA46);
}

/*huge green button*/
.welcome_sign_up {
    border-bottom-color: rgb(30,107,38);
    border-right-color: rgb(30,107,38);
}

/*pale green*/
.home_big_button {
    border: 2px solid rgb(80,120,60);
    border-bottom-color: rgb(40,60,30);
    border-right-color: rgb(40,60,30);
    background-color: #D6FFC7;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #B5FFA6 0%, #82D179 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #B5FFA6 0%, #82D179 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #B5FFA6 0%, #82D179 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B5FFA6), color-stop(1, #82D179));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #B5FFA6 0%, #82D179 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #B5FFA6 0%, #82D179 100%);
}

/*gray*/
#report_an_issue_button {
    border-color: rgb(140,140,140);
    border-bottom-color: rgb(70,70,70);
    border-right-color: rgb(70,70,70);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D5DBD8 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D5DBD8 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #D5DBD8 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D5DBD8));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D5DBD8 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #D5DBD8 100%);
}

/*light red*/
/*.calendar-cancel
{
	border:2px solid rgb(200,150,150);
	text-shadow: 0px 0px 3px rgb(255,255,255);
	background-color: rgb(250,220,220);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE6E6), color-stop(100%, #F0C8C8));
	background-image: -webkit-linear-gradient(top, #FFE6E6, #F0C8C8);
	background-image: -moz-linear-gradient(top, #FFE6E6, #F0C8C8);
	background-image: -ms-linear-gradient(top, #FFE6E6, #F0C8C8);
	background-image: -o-linear-gradient(top, #FFE6E6, #F0C8C8);
	background-image: linear-gradient(top, #FFE6E6, #F0C8C8);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE6E6, endColorstr=#F0C8C8);
}*/

.structure_save_button, .purpose_save_button, .subject_save_button, .protocol_save_button, .structure_remember_button, .purpose_remember_button, .subject_remember_button, .minutes_save, .assessment_type_save_button, .assessment_type_remember_button, #unit_class_done, #output_class_done {
    height: 22px;
    margin-top: 1px;
    font-size: 12px;
}


#standards_done {
    margin-right: 100px;
}

#standards_key_holder {
    float: right;
    margin-left: 10px;
    margin-right: 30px;
    clear: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    border: 2px solid rgb(220,110,220);
    border-bottom-color: rgb(100,50,100);
    border-right-color: rgb(100,50,100);
    background-color: rgb(255,255,240);
}

#standards_key_label {
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 6px;
}

#standards_key_holder span {
    clear: both;
    display: block;
}

#log_in_button {
    margin-left: 0px;
}

#sign_up_button {
    margin-right: 0px;
}

#login_submit {
    padding-bottom: 3px;
    margin-top: 17px;
}

#select_standards_button_holder {
    padding-left: 60px;
    height: 25px;
    clear: both;
    padding-bottom: 15px;
}

#select_standards_button {
    float: left;
    clear: none;
}

#standards_selected_checkmark {
    height: 25px;
    width: 25px;
    float: left;
    clear: none;
    margin-left: 10px;
}


.welcome_sign_up {
    margin: 20px auto 80px;
    float: none;
    display: block;
    width: 250px;
    height: 50px;
    clear: both;
    font-size: 20px;
    padding-bottom: 2px;
    padding-left: 12px;
}

#new_plan_submit {
    width: 180px;
    margin-right: 15px;
    float: right;
    clear: both;
    font-size: 18px;
    height: 50px;
    margin-bottom: 25px;
    margin-top: 10px;
}

#search_submit {
    width: 145px;
    font-size: 15px;
    float: right;
    height: 40px;
    margin-bottom: 45px;
    margin-right: 15px;
}


.about_us_text {
    text-align: justify;
    font-weight: normal;
    line-height: 150%;
    font-size: 14px;
    margin-bottom: 25px;
    margin-top: 8px;
}

.about_us_ul {
    margin-top: 6px;
}

#about_us_image1 {
    width: 600px;
    float: right;
    margin-left: 27px;
    margin-bottom: 19px;
}

#about_us_content h1 {
    margin-top: 45px;
    margin-bottom: 30px;
    text-align: left;
    font-family: "open sans","helvetica neue","segoe ui",sans-serif;
    font-size: 42px;
    font-weight: normal;
    line-height: 1em;
    clear: both;
}

#about_us_content h3 {
    clear: none;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 16px;
}


#about_us_content_box {
    width: 100%;
}

#about_us_content {
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    width: 900px;
    margin: 0px auto;
}



.submit_button {
    margin-left: 0px;
}

.abandon_button {
    margin-right: 0px;
}

.submit_button, .abandon_button {
    width: 146px;
    height: 40px;
    font-size: 13px;
}


#alert_message {
    font-size: 16px;
    text-align: justify;
    width: 320px;
    margin: 40px auto;
    line-height: 1.4em;
}

#alert_button {
    clear: both;
    margin: 0px auto 45px;
    float: none;
    width: 100px;
    height: 40px;
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

#alert_button_text {
    line-height: 40px;
    font-size: 20px;
}

.welcome_sign_up_text {
    font-size: 18px;
    line-height: 50px;
    top: -8px;
    padding-right: 5px;
}

#navbar_holder {
    float: left;
    margin: 3px 0px 0px 20px;
    width: 565px;
    clear: right;
    height: 20px; /*Needed to prevent border-bottom on spacer2_holder from being too low*/
}



ul.navbar {
    list-style-type: none;
    z-index: 102;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 20px;
    line-height: 20px;
}

.navbar li {
    float: left;
    padding-left: 1.6%;
    padding-right: 1.6%;
    margin-left: 0px;
    margin-right: 0px;
}

.navbar_current {
    color: rgb(150,0,150) !important;
}

.navbar_first_item {
    margin-left: 0px;
}

#navbar_last_item {
    margin-right: 0px;
}

.navbar a {
    display: block;
    text-align: center;
    font-size: 13px;
    font-family: "Comic Sans MS", "lucida sans", arial,sans-serif;
}

#navbar_home_a {
    font-size: 24px;
}

#navbar_home_li {
    position: relative;
    top: -5px;
    line-height: 24px;
    padding-bottom: 1px;
}

.navbar a:link {
    color: black;
    text-decoration: none;
}

.navbar a:visited {
    color: black;
    text-decoration: none;
}

.navbar a:hover {
    color: black;
    text-decoration: none;
}

.navbar a:active {
    color: rgb(0,0,100);
}


.navbar li:hover {
    background-color: rgb(235,225,235);
    cursor: pointer;
}

#social_button_holder {
    display: none;
    float: right;
    height: 25px;
    width: 150px;
    z-index: 2;
}

#fb_button, #twitter_button {
    float: left;
    margin-bottom: 2px;
}

#fb_button {
    width: 50px;
    margin-right: 10px;
    overflow: hidden;
}

#save_status_holder {
    position: fixed;
    top: 70px;
    left: 30px;
    color: rgb(0,175,20);
    border: 2px solid rgb(0,175,20);
    padding: 10px 10px 12px;
    width: 110px;
}

#save_status_bullet {
    font-size: 50px;
    display: inline-block;
    float: left;
    line-height: 40px;
    padding-right: 5px;
}

#saved_status_text, #saving_status_text {
    font-size: 17px;
    font-family: tahoma,geneva,sans-serif;
}

#saved_status_text {
    line-height: 20px;
}

#saving_status_text {
    line-height: 40px;
}

#save_page_identifier {
    clear: right;
    display: inline-block;
    padding-right: 20px;
}

/*end of header layout*/

a:link, .example_link, .library_link {
    color: rgb(0,0,50);
}

a:visited {
    color: rgb(0,0,50);
}

a:active, .library_link:active {
    color: rgb(0,0,100);
}

a:hover {
    text-decoration: underline;
}


a:link.example_link, a:visited.example_link, .example_link, .library_link, a:link.library_link, a:visited.library_link {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

    a:hover.example_link, .example_link:hover {
        text-decoration: underline;
    }



#forgot_password_link {
    line-height: 1.5em;
    color: rgb(0,0,75);
}

    #forgot_password_link:hover {
        cursor: pointer;
    }

#forgot_password_holder {
    float: left;
    clear: none;
    width: auto;
    margin-left: 20%;
}

#login_messaging, #change_password_response {
    clear: both;
    color: blue;
    font-size: 120%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10px;
    text-align: left;
    line-height: 1.3em;
    padding-top: 10px;
}

#logout_message_box_holder {
    position: fixed;
    top: 250px;
    width: 100%;
    height: 160px;
    z-index: 10000;
}

#logout_message_box {
    background-color: rgb(160,160,255);
    border-width: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 80%;
    max-width: 830px;
    height: 160px;
    margin: 0px auto;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#logout_message {
    line-height: 154px;
    text-align: center;
    margin: 0px auto;
    font-size: 32px;
}

#create_account_messaging, #create_account_messaging_landing {
    color: blue;
    margin-left: 20px;
    margin-bottom: 8px;
    line-height: 1.3em;
    padding-top: 10px;
    cursor: default;
}

#create_account_box h2, #log_in_box h2, #create_account_box_landing h2, #welcome_col4 h2 {
    cursor: default;
}

#forgot_from_create {
    cursor: pointer;
    color: rgb(0,0,75);
}

    #forgot_from_create:hover {
        text-decoration: underline;
    }


/*icons*/ .button_holder_holder, .button_holder_holder_edit, .attachment_button_holder_edit {
    float: right;
    clear: none;
}

.button_holder_holder {
    width: 50%;
    opacity: 0.4;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.assessment_button_holder_spacer, .lesson_button_holder_spacer {
    width: 100%;
    clear: both;
    height: 8px;
}

.section_list_label {
    float: left;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top: 1px;
    line-height: 25px;
    font-style: italic;
    left: -24px; /*based on icon width + margin-right for label to align with dropdown*/
}

.saved_section_info_icon {
    float: left;
    margin-left: 10%;
    display: inline-block;
    margin-top: 7px;
    margin-right: 8px;
    position: relative;
    left: -24px; /*based on icon width + margin-right for label to align with dropdown*/
    cursor: pointer;
}

.how_to_info_icon {
    margin-left: 8px;
    position: relative;
    top: 2px;
    cursor: pointer;
    vertical-align: text-top;
}

.module:hover .button_holder_holder, .output_module:hover .button_holder_holder_edit, .unit_assessment:hover .button_holder_holder_edit, .unit_lesson:hover .button_holder_holder_edit {
    opacity: 1;
}

.button_holder_holder_edit {
    opacity: 0.2;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 100%;
    margin-bottom: 5px;
}


.output_module, .unit_assessment, .unit_lesson, .unit_custom, .output_custom {
    position: relative;
    clear: both;
}

.button_holder {
    float: right;
    width: 170px;
}

.button_holder_edit {
    float: right;
    width: 175px;
}

#lessons_module_holder .button_holder_edit, #assessments_module_holder .button_holder_edit, #unit_custom_sections_holder .button_holder_edit {
    width: 148px;
}

.attachment_button_holder_edit {
    float: right;
    width: 25px;
    margin-right: 17px;
}

.attach_module {
    clear: left;
}

.add_section_above, .add_section_below, .move_section_up, .move_section_down, .remove_section, .add_section_above_edit, .add_section_below_edit, .move_section_up_edit, .move_section_down_edit, .remove_section_edit, .qr_save_edit {
    width: 25px;
    height: 25px;
    margin-right: 2px;
    float: left;
    cursor: pointer;
}

.remove_attachment_edit {
    cursor: pointer;
    float: right;
    width: 25px;
    height: 25px;
    opacity: 0.2;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

    .remove_attachment_edit:hover {
        opacity: 1;
    }

.remove_day {
    cursor: pointer;
    float: right;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    margin-top: 9px;
}

.minutes_holder {
    float: right;
    margin-right: 5%;
    padding-top: 9px;
    z-index: 100;
    /*Needed to specify due to bizarre safari bug*/
    height: 22px;
    display: inline-block;
}

.minutes_label {
    font-weight: bold;
    font-size: 14px;
    margin-right: 0.5em;
}

.minutes, .minutes_edit {
    margin-bottom: 0px !important;
    width: 30px;
}

#total_minutes_holder {
    font-size: 12px;
    float: left;
    color: rgb(125,125,125);
    margin-left: 10%;
    margin-bottom: 16px;
    z-index: 100;
}

.output_minutes_holder {
    float: right;
    font-weight: bold;
    margin-right: 6%;
    cursor: pointer;
}

.output_minutes_label {
    margin-left: 3px;
    float: right;
}

.minutes_count {
    float: left;
}

.minutes_edit {
    float: right;
    clear: none !important;
    margin-right: 5px;
}

.minutes_save {
    float: left;
    clear: none;
    z-index: 5;
}


/*end of icons*/
.module, .daymodule {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: rgb(225,255,225);
    /*BEGIN BACKGROUND GRADIENT*/
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top left, #E1FFE1 0%, #CDFFCD 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #E1FFE1 0%, #CDFFCD 100%);
    /* Opera */
    background-image: -o-linear-gradient(top left, #E1FFE1 0%, #CDFFCD 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E1FFE1), color-stop(1, #CDFFCD));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top left, #E1FFE1 0%, #CDFFCD 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom right, #E1FFE1 0%, #CDFFCD 100%);
    /*END BACKGROUND GRADIENT*/
    border-top: 1px solid rgb(245,255,245);
    border-left: 1px solid rgb(245,255,245);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.7);
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.7);
    box-shadow: 3px 3px 6px rgba(0,0,0,.7);
    margin-bottom: 15px;
    position: relative; /*not sure what this is doing*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.daymodule {
    width: 40%;
    clear: both;
    height: 32px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: visible; /*may affect calendar?*/
    border-top-color: white;
    border-left-color: white;
    background-color: #FCFCDB;
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left top, circle farthest-corner, #FFFFDE 0%, #FAFADA 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left top, circle farthest-corner, #FFFFDE 0%, #FAFADA 100%);
    /* Opera */
    background-image: -o-radial-gradient(left top, circle farthest-corner, #FFFFDE 0%, #FAFADA 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #FFFFDE), color-stop(1, #FAFADA));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left top, circle farthest-corner, #FFFFDE 0%, #FAFADA 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-corner at left top, #FFFFDE 0%, #FAFADA 100%);
}


#module_holder_div {
    clear: both;
}

#prep_label, #input_prep_required {
    margin-top: 9px;
}

/*used for printer-friendly output*/
#lesson_left_holder, #unit_left_holder {
    position: fixed;
    width: 141px;
    top: 100px;
    display: block;
    opacity: 0.85;
    filter: alpha(opacity=85);
    right: 2.7%;
    z-index: 100;
}

#copy_lesson_button, #use_as_reference_button, #pdf_button, #print_button, #share_button, #login_to_action_button, #go_to_unit_button, #copy_unit_button {
    margin-left: 0px;
    margin-right: 0px;
    width: 110px;
    white-space: normal;
    margin-bottom: 10px;
    clear: both;
    float: right;
    padding-top: 2px;
}

#unit_class_information_div, #output_class_information_div {
    float: right;
    text-align: right;
    clear: right;
    margin-bottom: 15px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#class_information_buttons {
    float: right;
}

#new_class {
    margin-left: 10px;
}

.class_action_text {
    cursor: pointer;
    font-size: 14px;
}

.class_action_text_mid {
    font-size: 14px;
}

.class_action_text:hover {
    text-decoration: underline;
}

dl.overview, dl.unit_overview, #output_class_information_holder, #unit_class_information_holder, #tour_holder {
    margin: 0px auto;
    width: 634px;
}

dl.overview, dl.unit_overview, #output_class_information_holder, #unit_class_information_holder {
    font-size: 133%;
    line-height: 133%;
}

dl.overview, dl.unit_overview {
    margin-top: 30px;
}

dl.overview, dl.unit_overview, #tour_holder {
    padding-right: 70px;
}

#output_class_information_holder, #unit_class_information_holder {
    padding-right: 80px;
}

.overview dt, .unit_overview dt {
    width: 8.5em;
    font-weight: bold;
    text-align: right;
    float: left;
    clear: left;
    cursor: default;
}

.overview dd, .unit_overview dd {
    text-align: justify;
    padding-left: 8.6em;
    padding-bottom: 1.4em;
    width: 477px;
    margin-left: 10px;
    margin-right: 10px;
}

.output_structure, .output_purpose, .output_description {
    border-left: 1px solid black;
}

.assessment_type, .assessment_description, .assessment_standards_met, .assessment_attachment, .assessment_date {
    border-left: 1px solid black;
}

.lesson_summary, .full_lesson, .lesson_standards_met, .unit_lesson_attachment, .lesson_date {
    border-left: 1px solid black;
}

.output_module {
    margin-bottom: 30px;
}

.output_structure_change, .output_purpose_change, .output_subject_change, .unit_subject_change, .unit_assessment_type_change {
    float: left;
    clear: none;
}

.overview dd.output_structure, .overview dd.output_purpose {
    padding-bottom: 0.8em;
}

.overview dd.output_materials_required {
    padding-bottom: 3em;
}

.overview dd.output_attachment, .unit_overview dd.assessment_attachment, .unit_overview dd.unit_lesson_attachment {
    padding-bottom: 0.4em;
}

.lib_loading_gif {
    display: block;
    margin: 40px auto 0px;
}

.structure_links, .purpose_links, .subject_links, .assessment_type_links {
    float: left;
    width: auto;
    font-size: 14px;
    margin-top: 3px;
}


.structure_save_box, .purpose_save_box, #subject_save_box, .assessment_type_save_box {
    float: left;
    margin-left: 15px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.structure_save_box_label, .purpose_save_box_label, #subject_save_box_label, .assessment_type_save_box_label {
    float: left;
    margin-left: 2px;
    line-height: 1.05em;
    width: 75px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.output_edit_structure, .output_edit_purpose, .output_custom_structure, .output_custom_purpose, .output_edit_subject, .output_custom_subject, .unit_edit_subject, .unit_custom_subject, .unit_edit_assessment_type, .unit_custom_assessment_type {
    clear: left !important;
    margin-left: 0%;
}

#output_title_div, #output_grade_level_div, #output_subject_div, #output_topic_div, #output_objective_div, #output_other_information_div, #output_public_notes_div, #output_private_notes_div, #output_reflection_div, #output_materials_required_div, #output_prep_required_div, #output_standards_met_div, .output_structure_div, .output_purpose_div, .output_description_div, #unit_title_div, #unit_grade_level_div, #unit_subject_div, #unit_goal_summary_div, #unit_standards_met_div, #unit_essential_questions_div, #unit_understandings_div, #unit_content_goals_div, #unit_skill_goals_div, #unit_other_information_div, #unit_public_notes_div, #unit_private_notes_div, #unit_reflection_div, #unit_class_information_div, #output_class_information_div, .assessment_type_div, .assessment_description_div, .lesson_summary_div, .assessment_standards_met_div, .lesson_standards_met_div, .output_custom_section_text_div, .unit_custom_section_text_div, .unit_custom_section_label_div, .output_custom_section_label_div {
    cursor: pointer;
    word-wrap: break-word;
}

.unit_custom_section_label textarea, .output_custom_section_label textarea {
    text-align: right;
    font-weight: bold;
}

/*Doesn't change width but fixes it for slideToggle jumpiness in IE*/
.output_description_div {
    width: 480px;
}

#unit_private_notes_div, #output_private_notes_div {
    /*Prevents the checkbox for hide on print from causing issues*/
    min-height: 40px;
}

.output_attachment_a, .assessment_attachment_a, .unit_lesson_attachment_a {
    cursor: pointer;
}

.output_structure_div, .output_purpose_div, .unit_assessment_type_div {
    text-align: left;
    z-index: 1;
}

.unit_lesson_link {
    font-size: 12px;
    text-decoration: underline;
    color: rgb(0,0,200);
    font-style: italic;
    line-height: 1.9em;
    cursor: pointer;
}

.unit_lesson_my_library {
    margin-left: 10px;
}

.yes_full_lesson_button_holder {
    float: right;
    margin-left: 10px;
}

a.full_lesson_link {
    color: rgb(0,0,200);
    font-style: italic;
}


.output_structure_holder, .output_purpose_holder, .output_description_holder {
    clear: both;
}

#output_title, #unit_title {
    max-width: 18.167em;
    margin: 0px auto 10px;
    line-height: 1.290em;
}

#form_for_output_title, #form_for_unit_title {
    text-align: center;
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    color: black;
    font-weight: bold;
    /*Need to specify to get IE8 autosize to not freak out*/
    font-size: 27px;
    line-height: 41px;
}

#how_to_body #bottom_sign_up_button {
    margin-top: 80px;
}

#change_password_box {
    width: 460px;
    height: 320px;
    padding: 0;
    margin: 160px auto 0px;
    border: 2px solid rgb(0,0,50);
    background-color: rgb(240,240,255);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    #change_password_box h2 {
        margin-bottom: 20px;
        margin-top: 0px;
        position: relative;
        top: -5px;
    }

    #change_password_box h3 {
        margin-bottom: 20px;
        font-weight: 500;
    }

#change_password_email {
    margin-bottom: 0.9081em;
    clear: right;
    display: block;
    float: left;
    margin-top: 4px;
    /*Line height is 1.125em * 14px / 12px */
    line-height: 1.3125em;
    margin-left: 2px;
}

#change_password_box label {
    width: 150px;
}

#change_password_box input {
    width: 280px;
    clear: right;
}

    #change_password_box input#password_change_submit {
        width: 140px;
        margin-right: 40px;
        margin-bottom: 30px;
    }

#change_password_response {
    line-height: 1.3em;
    clear: left;
    height: 45px;
    display: inline-block;
    margin-right: 0px;
    text-align: left;
    width: 200px;
    margin-top: 3px;
}

#faq_header, #embed_header {
    font-size: 58px;
    font-weight: normal;
}

#faq_wrap, #embed_wrap {
    margin-top: 60px;
}

#embed_text_holder {
    width: 710px;
    margin: 0px auto;
}

.embed_text_head {
    font-size: 42px;
    line-height: 1.2em;
    text-decoration: underline;
    margin-top: 100px;
    margin-bottom: 20px;
}

#faq_questions_holder {
    width: 500px;
    margin: 0px auto 0px;
    padding-top: 1px;
}

.faq_qa_holder {
    margin-top: 50px;
}

.embed_item_holder, .embed_faq_qa_holder {
    margin-bottom: 50px;
}

.faq_question, .embed_display_puzzle_label, .embed_faq_question {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.2em;
    padding-bottom: 5px;
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.faq_answer, .embed_faq_answer, #embed_puzzle_in_action_text, #how_it_works_content {
    font-size: 18px;
    line-height: 1.4em;
    text-align: left;
}

.faq_emphasis {
    text-decoration: underline;
}

.faq_emphasis_2 {
    font-style: italic;
}

.faq_emphasis3 {
    font-weight: bold;
}

.faq_link {
    color: blue !important;
}

.faq_ul {
    margin-top: 3px;
}

    .faq_ul li {
        clear: both;
        padding-top: 15px;
    }

input[type="checkbox"], input[type="radio"] {
    background: transparent;
    border: 0;
    box-shadow: none;
    width: auto;
    cursor: pointer;
}



#library_holder {
    width: 100%;
    font-size: 14px;
    line-height: 1.3em;
}

#reference_holder {
    /*min-height:1100px; prevents scrollbar on animation*/
}

#iframe_holder {
    height: 99.5%;
    width: 100%;
}

.refer_link {
    border: none;
    background-color: transparent;
    padding: 0;
    clear: none;
    display: inline;
    margin: 0;
    width: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    font-size: 14px;
}

    .refer_link:focus {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.existing_entry {
    display: block;
    width: 90%;
    margin: 0px auto;
}

.existing_entry_links {
    float: right;
    text-align: right;
    display: inline-block;
    clear: right;
    margin-bottom: 1em;
}

.safari_hack_form {
    display: inline;
}

/*begin search page formatting*/
#search_form {
    font-size: 133%;
    line-height: 133%;
    margin: 0px auto;
    max-width: 634px;
    margin-top: 4em;
    padding-right: 5px;
    padding-left: 10px;
}

.remove_search_term {
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    clear: none;
    margin-bottom: 0.5em;
}

.add_search_term {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
    clear: both;
    position: relative;
    top: -10px;
}

.search_line {
    width: 100%;
    clear: both;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 2em;
    margin-bottom: 1em;
}

.search_field, .match_type, .search_term, .grade_match_type, .start_grade, .between_grade_text, .end_grade {
    float: left;
    clear: none;
    margin-right: 5px;
    margin-bottom: 0.5em;
}

.between_grade_text {
    margin-top: 2px;
}

.end_grade {
    margin-bottom: 1em;
}

.search_field {
    max-width: 155px;
}

.match_type {
    max-width: 175px;
}

.search_term {
    max-width: 265px;
    width: 38%;
    margin-bottom: 1em !important;
    height: 1.5em;
    margin-top: 0px;
    clear: none !important;
}

#search_type_label {
    font-size: 112.5%;
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 1.5em;
}

#search_type {
    font-size: 101.25%;
    margin-bottom: 1.5em;
}

#search_submit {
    margin-top: 15px;
}
/*end search page formatting*/

/*begin search result formatting*/
a#return_to_search, a#search_output_prev, a#search_output_next {
    text-decoration: none;
    display: block;
    color: blue;
}

a#return_to_search {
    font-size: 133%;
    display: inline;
    float: left;
}

#return_to_search_holder {
    margin: 0px auto;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1em;
    width: 85%;
    max-width: 450px;
}

a:visited#return_to_search, a:visited#search_output_prev, a:visited#search_output_next {
    color: blue;
}

a:active#return_to_search, a:active#search_output_prev, a:active#search_output_next {
    color: rgb(0,0,100);
}

a#return_to_search:hover, a#search_output_prev:hover, a#search_output_next:hover {
    text-decoration: underline;
}

#search_output_holder {
    font-size: 133%;
    max-width: 550px;
    width: 95%;
    margin: 0px auto;
    line-height: 1.6em;
}

.search_output_div {
    border-top: 1px solid black;
    clear: both;
    width: 100%;
    height: 100%;
}

a.search_output_title {
    text-decoration: none;
    display: block;
    clear: both;
    text-align: center;
    width: 66%;
    font-size: 133%;
    margin: 0px auto;
    margin-top: 10px;
    color: rgb(0,0,150);
}

a:visited.search_output_title {
    color: rgb(0,0,150);
}

a:active.search_output_title {
    color: rgb(0,0,100);
}

a.search_output_title:hover {
    text-decoration: underline;
}

.search_output_label {
    font-weight: bold;
    margin-right: 5px;
}

.search_output_subject {
    float: left;
    clear: left;
    display: block;
}

.search_output_grade {
    float: right;
    clear: right;
    display: block;
}

.search_output_topic {
    float: left;
    clear: both;
    display: block;
}

.search_output_objective {
    float: left;
    clear: both;
    display: block;
    margin-bottom: 20px;
}

#search_page_move_holder {
    display: block;
    clear: both;
    width: 80%;
    margin: 0px auto;
    margin-bottom: 50px;
}

#search_output_prev {
    float: left;
}

#search_output_next {
    float: right;
}

.noscript_text, .cookie_text {
    color: red;
    line-height: 1.5em;
    width: 70%;
    text-align: justify;
    margin: 0px auto;
    margin-top: 10px;
}

h2.noscript_text, h2.cookie_text {
    margin-top: 25px;
}

.noscript_label, .cookie_label {
    font-weight: bold;
    font-size: 120%;
}

#guide_wrap, #no_library_p1, #no_library_p2 {
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 5px;
}

.li_header {
    font-weight: bold;
}

.guide_li1, .guide_li2 {
    text-align: left;
    margin-bottom: 0.5em;
}

#guide_p2, #guide_p3 {
    font-size: 120%;
}

#no_library_p1 {
    font-weight: bold;
    font-size: 140%;
}

#footer {
    color: rgb(150,150,150);
    width: 800px;
    margin: 100px auto 10px;
    clear: both;
}

#other_resources_header, #footer_legal_header, #footer_further_info_header {
    font-weight: bold;
    color: rgb(100,100,100);
    text-decoration: underline;
    width: 110px;
    float: left;
    margin-right: 15px;
    text-align: right;
}

#other_resources_header {
    line-height: 1.5em;
}

#footer_legal_header, #footer_further_info_header {
    line-height: 1.3em;
}

#other_resources {
    clear: right;
    display: block;
    margin-bottom: 10px;
    width: 650px;
    text-align: left;
    padding-left: 125px;
    line-height: 1.5em;
}

    #other_resources a {
        margin-right: 10px;
        color: rgb(140,140,140);
        text-decoration: none;
        font-weight: bold;
        display: inline-block;
    }

        #other_resources a:hover {
            text-decoration: underline;
        }

#footer_legal, #footer_further_info {
    display: block;
    clear: right;
    text-align: justify;
    padding-left: 125px;
    line-height: 1.3em;
}

#footer_further_info {
    margin-bottom: 10px;
}

.click_to_expand {
    color: rgb(125,125,125);
    margin-top: -10px;
}

.click_to_expand, #guide_ul1, #guide_ul2 {
    padding-left: 20px;
    padding-right: 20px;
}


.sample_link {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
    line-height: 20px;
    font-family: arial,'sans-serif';
}

    .sample_link:hover {
        text-decoration: underline !important;
    }

#full_screen_sample_plan {
    margin-left: 15%;
}

#sample_refer_link {
    float: right;
    margin-right: 15%;
}


.guide_li1:before, .guide_li2:before, .standards_type:before, .standards_category:before, .standards_subcategory:before {
    content: "+";
    padding-right: 5px;
    font-family: "Courier New", Courier, monospace;
}


.guide_li_on:before, .standards_type_on:before, .standards_category_on:before, .standards_subcategory_on:before {
    content: "-";
}

#standards_radio_holder, .standards_radio_holder, #private_notes_print_holder, #unit_private_notes_print_holder {
    float: left;
    font-size: 12px;
    clear: left;
    text-align: right;
    width: 11.3em;
    margin-top: 8px;
}

#standards_radio_holder, .standards_radio_holder {
    margin-bottom: 25px;
}

#private_notes_print_holder, #unit_private_notes_print_holder {
    margin-bottom: 0px;
}

    #standards_radio_holder input, .standards_radio_holder input, #private_notes_print_holder input, #unit_private_notes_print_holder input {
        float: right;
        cursor: pointer;
        clear: right;
    }

.standards_radio_label, #private_notes_print_label, #unit_private_notes_print_label {
    cursor: pointer;
}

#private_notes_print_checkbox, #unit_private_notes_print_checkbox {
    float: right;
}

.assessment_standards_met, .lesson_standards_met, .unit_standards_met {
    min-height: 75px;
}

.standards_block {
    display: block;
    clear: right;
    margin-bottom: 8px;
}

.standard_targeted_flag, .standard_covered_flag, .standard_assessed_flag {
    /*opacity:0.2;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out; switch to color due to IE8 bug*/
    color: rgb(204,204,204);
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    display: inline-block;
    position: relative;
    cursor: default;
}

.standard_targeted_flag {
    left: -10px;
}

.standard_covered_flag {
    left: -2px;
}

.standard_assessed_flag {
    left: 8px;
}

.standard_targeted_flag:hover {
    /*opacity:0.6;*/
    color: rgb(102,102,102);
    cursor: pointer;
}

.t_flg_on, .c_flg_on, .a_flg_on {
    /*opacity:1;*/
    color: black;
}

    .t_flg_on:hover {
        /*opacity:0.75;*/
        color: rgb(64,64,64);
    }

#fla_head {
    font-size: 30px;
    display: block;
    clear: right;
    text-align: center;
    position: relative;
    top: -15px;
    margin-bottom: 5px;
}

#fla_subhead {
    display: block;
    clear: both;
    font-size: 14px;
    font-style: italic;
}

#share_alert_text {
    font-size: 14px;
}

#jc_subhead_1 {
    display: block;
    clear: both;
    font-size: 14px;
    margin-bottom: 1em;
}

#jc_subhead_2 {
    display: block;
    clear: both;
    font-size: 14px;
}

#jc_subhead_3 {
    margin-top: 1em;
    display: block;
    clear: both;
    font-size: 14px;
}

.fla_li_head {
    font-weight: bold;
}

#fla_ol li {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

#fla_ol {
    padding-left: 20px;
    margin-top: 7px;
}

.input_form_checkbox, .input_form_checkbox_label, .output_form_checkbox, .output_form_checkbox_label, .unit_form_checkbox_label, .unit_form_checkbox {
    cursor: pointer;
}

#input_form_checklist, #output_form_checklist, #unit_form_checklist {
    float: right;
    margin-right: 5%;
    width: 25%;
    clear: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding-bottom: 10px;
    background-color: #F2F2FF;
    /*BEGIN BACKGROUND GRADIENT*/
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top left, #F9F9FF 0%, #EBEBFF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #F9F9FF 0%, #EBEBFF 100%);
    /* Opera */
    background-image: -o-linear-gradient(top left, #F9F9FF 0%, #EBEBFF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F9F9FF), color-stop(1, #EBEBFF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top left, #F9F9FF 0%, #EBEBFF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom right, #F9F9FF 0%, #EBEBFF 100%);
    /*END BACKGROUND GRADIENT*/
    border: 2px solid rgb(110,110,130);
    border-right-color: rgb(40,40,50);
    border-bottom-color: rgb(40,40,50);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.7);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.7);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.7);
}

#input_form_checklist {
    margin-top: 12px;
}

#input_form_checklist_head, #output_form_checklist_head, #unit_form_checklist_head {
    padding: 6px 6px 6px 6px;
    font-family: "open sans","helvetica neue","segoe ui",sans-serif;
    font-size: 13px;
    cursor: default;
}



.input_switch_div, .output_switch_div, .unit_switch_div {
    padding-left: 4px;
    padding-right: 4px;
    clear: both;
    width: 124px;
}

#output_switch_notes_div, #unit_switch_notes_div {
    height: 20px;
}

.input_form_checkbox, .output_form_checkbox, .unit_form_checkbox {
    clear: left;
    float: left;
    padding-bottom: 5px;
}

.input_form_checkbox_label, .output_form_checkbox_label, .unit_form_checkbox_label {
    clear: right;
    float: left;
    width: 75%;
    line-height: 1em;
    padding-top: 0.25em;
    padding-bottom: 5px;
    font-family: "segoe ui","helvetica neue","open sans",sans-serif;
}

#output_form_checklist, #unit_form_checklist {
    width: 100%;
    z-index: 100;
    margin-bottom: 25px;
}


#edit_subject_div, #custom_subject_div {
    width: 67%;
    float: left;
    clear: left;
}

#input_edit_subject, #custom_subject {
    margin-left: 32.836%;
}

#input_edit_subject {
    width: 45%;
}

#subject_save_button, #subject_remember_button {
    margin-right: 0px;
    margin-left: 3.4%;
}

#subject_save_button {
    width: 53px;
}

#custom_subject {
    width: 31.3%;
}

#subject_remember_button {
    width: 89px;
}

.custom_structure_div, .custom_purpose_div, .edit_structure_div, .edit_purpose_div, .output_custom_structure_div, .output_edit_structure_div, .output_custom_purpose_div, .output_edit_purpose_div, #output_custom_subject_div, #output_edit_subject_div, #unit_custom_subject_div, #unit_edit_subject_div, .unit_custom_assessment_type_div, .unit_edit_assessment_type_div {
    clear: both;
    padding-top: 15px;
}

.output_module:hover .output_day_link_text {
    color: rgb(102,102,147);
}

.datebox_dd {
    padding-bottom: 0px;
    height: 25px;
}

.output_dateboxholder {
    height: 25px;
    line-height: 25px;
}

.output_datebox {
    height: 25px;
    padding-left: 0px;
    width: auto;
    /*need to redeclare to get rid of input attributes*/
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    font-size: 100%;
}

.multi_day .output_dateboxholder, .multi_day .output_dayholder {
    line-height: 25px;
}

.multi_day .output_datebox {
    font-weight: bold;
    width: 210px;
    height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.first_date {
    -moz-transition: padding-top .3s ease-in-out;
    -webkit-transition: padding-top .3s ease-in-out;
    transition: padding-top .3s ease-in-out;
}

.multi_day.output_daymodule {
    padding-top: 25px;
}

.multi_day .output_remove_day {
    margin-top: 6px;
}

.multi_day .output_date_label, .multi_day .output_day_text {
    font-weight: bold;
    width: 136px;
}

.multi_day .output_day_text {
    font-size: 20px;
}

#lp_module_holder, #unit_assessments_holder, #unit_lessons_holder {
    margin-bottom: 40px;
    width: 100%;
}

#assessments_head, #lessons_head {
    /*Needed to prevent the 'hide on print' in private notes from causing jumpiness in the slide in and out*/
    width: 100%;
    display: inline-block;
}

.home_big_button {
    float: none;
    height: 80px;
    width: 320px;
    margin: 30px auto;
    font-size: 24px;
    display: block;
}

#unit_output .button_holder_holder_edit {
    margin-bottom: 0px;
}


.assessment_date_holder, .lesson_date_holder {
    width: 300px; /*Needs to be fixed or slideToggle is weird*/
    clear: both;
}

.day_text {
    font-weight: bold;
    font-size: 22px;
    text-shadow: 0px 0px 3px rgb(225,255,225);
}

.day_link_holder {
    position: relative;
    height: 0px;
    margin-left: 40%;
}

.day_link_text {
    font-size: 12px;
    text-align: center;
    display: none;
}

    .day_link_text:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.output_day_link_holder {
    position: relative;
    height: 0px;
    margin-left: 40%;
}

.output_day_link_text {
    font-size: 12px;
    text-align: center;
    display: none;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    color: rgb(204,204,219);
    position: relative;
    top: -7px;
}

    .output_day_link_text:hover {
        cursor: pointer;
        text-decoration: underline;
    }



.datebox, .output_datebox {
    clear: right !important;
    width: 100px !important;
}

.datebox, .output_datebox, .unit_date, .assessment_date_input, .lesson_date_input {
    cursor: pointer;
    background-color: rgba(255,255,255,0) !important; /*needed because IE ignores inherit for some reason (maybe has issues w/ gradient)*/
    background-color: inherit !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    width: auto;
}

.unit_date, .assessment_date_input, .lesson_date_input {
    width: 85px;
    overflow-x: visible;
    padding-left: 0px;
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    font-size: 100%;
    position: relative;
    left: -1px; /*Aligns with others - input appears to move it in 1px (at least in FF, should check other browsers*/
    top: 0px !important; /*Counteracts the normal adjustment for null default text, when applicable*/
}





.datebox:hover {
    text-decoration: underline;
}

.datebox:focus, .output_datebox:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.dateboxholder .bl_embolden /*Class added on completion of calendar - want it to make dates bold in build lesson screen but NOT lesson plan screen*/ {
    font-weight: bold;
}


.daytextholder, .dateboxholder {
    margin-top: 6px;
}

.date_label {
    font-weight: bold;
    font-size: 18px;
}

.dayholder {
    width: 170px;
    margin-left: 15px;
    float: left;
}

.output_daymodule {
    clear: both;
    width: 316px;
    margin-top: 0px;
    height: 20px;
    position: relative;
}

.output_dayholder {
    width: 300px;
    float: left;
    height: 21px;
}


.output_remove_day {
    cursor: pointer;
    height: 14px;
    width: 14px;
    margin-top: 6px;
    float: right;
    opacity: 0.2;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: relative;
    left: -285px; /*a bit hackish - preserves width of dt to maintain consistent spacing but moves it to the left of them - couldn't put it in a div with width of 0px because cursor:pointer didn't work*/
}

.output_daymodule:hover .output_remove_day {
    opacity: 1;
}

.unit_null_text, .lesson_null_text {
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
    line-height: 1.3em;
    font-style: italic;
}

#tour_holder {
    height: 130px;
}

#tour_box {
    margin-top: 20px;
    float: right;
    z-index: 300;
    width: 512px;
    height: 94px;
    background-color: rgb(255,255,200);
    border: 3px solid black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 5px 10px;
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFD9 0%, #FFFFB2 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFD9 0%, #FFFFB2 100%);
    /* Opera */
    background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFD9 0%, #FFFFB2 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #FFFFD9), color-stop(1, #FFFFB2));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFD9 0%, #FFFFB2 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFD9 0%, #FFFFB2 100%);
}

#tour_count_holder {
    float: left;
    clear: left;
    display: inline-block;
    height: 20px;
    cursor: default;
}

#end_tour_holder {
    float: right;
    clear: right;
    display: inline-block;
    height: 20px;
}

#tour_text_holder {
    clear: both;
    font-size: 16px;
    line-height: 1.2em;
    height: 40px;
    cursor: default;
}

#prev_tour_holder {
    display: inline-block;
    float: left;
    clear: left;
    line-height: 48px;
}

#next_tour_button {
    margin-right: 17px;
    margin-top: 4px;
}

#prev_tour_holder, #end_tour_holder {
    cursor: pointer;
    text-decoration: underline;
    color: rgb(0,0,255);
}

#revenue_poll_holder {
    width: 70%;
    margin: 0px auto;
    clear: both;
    border: 2px solid black;
    background-color: #FFE1FF;
    padding: 0px 50px 30px;
}

#revenue_poll_title {
    font-size: 28px;
    margin-bottom: 15px;
}

#revenue_poll_subhead_1, #revenue_poll_subhead_3 {
    font-size: 16px;
}

#revenue_poll_subhead_2 {
    font-size: 16px;
    font-weight: bold;
}

#revenue_poll_checkbox_holder {
    padding-left: 50px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.rp_label {
    font-weight: normal;
    cursor: pointer;
    text-align: left;
    clear: right;
    float: left;
    width: auto;
    margin-top: 2px;
}

.revenue_poll_checkbox {
    cursor: pointer;
    clear: left;
    float: left;
}

.rp_item_holder {
    clear: both;
    height: 28px;
}

#rp_comments_div {
    clear: both;
    padding-left: 50px;
    height: 170px;
}

#rp_comments_label {
    font-weight: bold;
    float: left;
    cursor: default;
}

#rp_comments {
    width: 300px;
    clear: both;
    float: left;
    height: 70px;
}

#revenue_poll_submit {
    float: left;
    clear: both;
    margin-top: 30px;
    height: 44px;
    width: 110px;
    font-size: 16px;
}

#home_bottom_finder {
    width: 100%;
    clear: both;
}

#revenue_poll_feedback {
    text-align: center;
    font-weight: bold;
    margin: 80px;
    font-size: 24px;
    color: rgb(0,90,30);
    cursor: default;
}

/*Needed for actualHeight() jquery plugin to get height of hidden elements*/
.temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Chrome- and Safari-specific CSS here*/
    .header_button, .submit, #input_form_checklist_head, #output_form_checklist_head, #unit_form_checklist_head {
        font-family: "segoe ui","helvetica neue",sans-serif;
    }
}

/* ------------------------------------------------------------------------------------------*/
/* ----------------------------CROSSWORD-ONLY CSS BELOW--------------------------------------*/
/* ------------------------------------------------------------------------------------------*/

#logo_link {
    float: left;
}

#puzzle_grid_holder {
    float: left;
    margin-top: 40px;
    margin-left: 310px;
    clear: left;
}

#puzzle_grid {
    border: 1px solid black;
}

.puzzle_cell {
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 0;
    border: 0;
}



.puzzle_cell {
    background-color: white;
}

.cell_char {
    width: 34px;
    height: 38px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    border: 1px solid;
    border-color: #B4B5B5;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    line-height: 29px;
    position: relative;
    /*needed to prevent IE8 from freaking out*/
    float: left;
}

#simple_body .cell_char, #simple_body #puzzle_grid {
    border-color: #B4B5B5;
}

#simple_body .filled_cell_char {
    border-color: black;
    /*fixes some of the border overlap issue*/
    box-shadow: 0px 0px 0px 1px black;
    z-index: 5;
}

#simple_body, #newspaper_body {
    min-height: 750px;
}

.cell_number {
    width: 0px;
    height: 0px;
    font-size: 18px;
    line-height: 12px;
    position: relative;
    left: 2px;
    top:4px;
    cursor: pointer;
    font-family: arial,sans-serif;
    /*needed to prevent IE8 from freaking out*/
    float: left;
    color:blueviolet;
}


#dir_pointer_holder {
    float: right;
    height: 0px;
    width: 0px;
    cursor: pointer;
    position: relative;
    left: -12px;
    top: 2px;
}



.active_cell, .active_clue {
    background-color: rgb(200,200,255);
}


.sub_active_cell, .sub_active_clue {
    background-color: rgb(230,230,255);
}

.black_square {
    background-color: black;
}

    .black_square, .black_square .cell_char, .black_square .cell_number {
        cursor: default;
    }

.simple_puzzle_body {
    background-color: rgb(225, 240, 239);
}

    .simple_puzzle_body .black_square {
        background-color: inherit;
    }

    .simple_puzzle_body .cell_char {
        box-shadow: 0px 0px 0px 1px black;
    }

    .simple_puzzle_body .black_square .cell_char {
        border: none;
        box-shadow: none;
    }

    .simple_puzzle_body #puzzle_grid {
        border: none;
        padding: 1px; /*needed to have space for the second pixel of shadow if the text goes to the edge of the grid*/
    }


.paint_cursor, .paint_cursor .cell_char, .paint_cursor .black_square, .paint_cursor .cell_number {
    cursor: url(/paintbrush_cursor.png), alias !important;
}

#clue_holder {
    width: 430px;
    clear: right;
    float: left;
    margin-top: 18px;
    padding-bottom: 30px;
    margin-left: 50px;
    page-break-inside: avoid;
}

#clue_top_label {
    width: 100%;
    font-size: 20px;
    text-align: center;
    height: 22px;
    font-weight: bold;
    cursor: default;
}

.direction_clue_holder {
    width: 210px;
    float: left;
    border: 1px solid black;
    background-color: white;
}

#across_clue_holder {
    border-right: none;
}

.clues_holder {
    overflow-y: scroll;
    clear: both;
    height: 403px;
    padding-bottom: 20px;
    position: relative;
}

#puzzle_body .clues_holder {
    height: 423px;
    padding-bottom: 10px;
}

.clue_header {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-top: 7px;
    height: 20px;
    width: 190px;
    float: left;
    clear: both;
    cursor: default;
}

textarea.clue_text {
    font-size: 12px;
    line-height: 16px;
    height: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 150px;
    float: left;
    margin-left: 5px;
    margin-bottom: 15px;
}

div.clue_text {
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 2px;
    width: 150px;
    padding-left: 30px;
    word-wrap: break-word;
}


.clue_number {
    float: left;
    width: 20px;
    text-align: right;
    line-height: 22px;
    font-weight: bold;
    cursor: default;
}

#puzzle_body .clue_number, #print_puzzle_body .clue_number {
    float: left;
    width: 20px;
    text-align: right;
    line-height: 16px;
    padding-top: 4px;
    font-weight: bold;
    cursor: default;
}


.simple_puzzle_body div.clue_text {
    font-size: 14px;
    line-height: 18px;
}

.simple_puzzle_body div.clue_number {
    line-height: 18px;
}

.clue_holder {
    clear: both;
    height: 25px;
    margin-top: 10px;
}

#puzzle_body .clue_holder, #print_puzzle_body .clue_holder {
    height: auto;
    margin-top: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    /*marked as important to override cursor:default on number*/
    cursor: pointer !important;
}

#create_left_panel, #solve_left_panel {
    position: fixed;
    height: 5000px;
    top: 60px;
    width: 280px;
    background-color: rgb(228,220,255);
    border-right: 2px solid rgba(0,0,0,0.5);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#solve_top_panel {
    padding-left: 20px;
    padding-top: 10px;
    background-color: rgb(255,255,200);
}

#solve_mid_panel {
    padding-left: 20px;
    padding-top: 14px;
    height: 107px;
    background-color: rgb(200,255,200);
}

#solve_bottom_panel {
}

#solve_mid_2_panel {
    padding: 20px;
    font-size: 18px;
    line-height: 1.2em;
    background-color: white;
    font-style: italic;
    cursor: default;
}

#solve_promo_link:link, #solve_promo_link:visited, .solve_promo_link:link, .solve_promo_link:visited, #solve_copy_puzzle {
    color: blue;
}

#solve_copy_puzzle {
    text-decoration: underline;
    cursor: pointer;
}

#save_indicator_holder, #paint_button_holder, #left_panel_quality_flags, #scratchpad_holder, .left_panel_item_holder, #word_count_holder, #grid_info_holder, .save_holder, #solve_top_panel, #solve_mid_panel, #solve_mid_2_panel, #solve_bottom_panel {
    clear: both;
}

#save_space_holder {
    clear: both;
    height: 60px;
}

#grid_painter_button {
    cursor: pointer;
    float: right;
    margin-top: 4px;
    margin-right: 25px;
    width: 115px;
}

#scratchpad, #scratchpad_label {
    width: 237px;
    float: left;
}

#scratchpad_label {
    font-weight: bold;
    cursor: default;
    font-size: 14px;
    margin-bottom: 5px;
}

#simple_body #scratchpad_label {
    width: auto;
    clear: none;
}

#scratchpad_question_mark {
    margin-left: 8px;
    float: left;
    clear: none;
    position: relative;
    top: -1px;
}

#scratchpad_holder {
    padding-left: 20px;
    padding-top: 10px;
}

#scratchpad {
    height: 240px;
}

#simple_body #scratchpad {
    height: 70px;
}

.quality_indicator, .save_indicator {
    width: 25px;
    float: left;
    clear: none;
    cursor: default;
    height: 25px;
}

.quality_indicator_label, .save_label {
    float: left;
    clear: none;
    margin-left: 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    cursor: default;
}

.save_label {
    clear: right;
}

#grid_save_label {
    clear: none;
}

.save_sublabel {
    clear: none;
    float: left;
    line-height: 26px;
    margin-left: 6px;
    cursor: default;
}

#save_now_button {
    font-size: 10px;
    clear: none;
    width: 59px;
    padding-left: 4px;
    height: 20px;
    margin-top: 3px;
    float: left;
}

.quality_indicator_question_mark {
    float: left;
    clear: none;
    margin-left: 13px;
    margin-top: 6px;
    cursor: default;
}


#save_indicator_holder, #restart_holder, #auto_arrange_div, #change_grid_size_holder, #move_text_holder, #create_typing_direction_holder, #solve_top_panel, #solve_mid_panel, #solve_mid_2_panel, #left_panel_quality_flags {
    border-bottom: 3px double black;
}

#save_indicator_holder {
    margin-top: 10px;
    padding-left: 20px;
}

#scratchpad_save_holder {
    height: 33px;
}

#left_panel_quality_flags {
    padding-left: 20px;
}

#paint_button_holder {
    margin-top: 10px;
}

#enforce_symmetry_label {
    width: 70px;
    text-align: left;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#mismatch_red_label {
    width: auto;
    float: left;
    cursor: pointer;
    clear: none;
    margin-left: 3px;
}

#mismatch_red {
    float: left;
    clear: left;
    margin-top: 5px;
}

#enforce_symmetry {
    float: right;
    margin-top: 10px;
    clear: none;
}

#mismatch_red_holder {
    clear: left;
    float: left;
    width: 105px;
    margin-top: 1px;
}

#solve_undo_redo_holder {
    clear: right;
    margin-right: 11px;
    float: right;
}

#enforce_symmetry_holder {
    padding-bottom: 10px;
    clear: none;
    height: 24px;
}

#create_typing_direction_holder {
    clear: both;
    padding-bottom: 8px;
    padding-top: 6px;
    text-align: center;
}

#simple_body #create_typing_direction_holder {
    border-bottom: none;
    padding-top: 8px;
}

#grid_info_arrow {
    float: left;
    clear: none;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

#puzzle_quality_label, #save_status_label, #header_for_creator, #controls_label, #auto_arrange_head, #move_text_label, #how_it_works_label, #solve_ratings_label {
    float: left;
    clear: none;
    font-size: 20px;
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 7px;
    cursor: default;
}

#save_status_label, #controls_label, #how_it_works_label, #solve_ratings_label {
    clear: right;
}


#save_status_label, #controls_label, #solve_ratings_label {
    margin-left: 0px;
}

#solve_bottom_panel {
    padding-left: 20px;
    padding-top: 10px;
}

#how_it_works_label {
    font-weight: normal;
    width: auto;
    text-align: left;
    text-decoration: underline;
}

#controls_label {
    margin-bottom: 20px;
    margin-top: 4px;
}

#header_for_creator {
    clear: right;
    margin-top: 20px;
    font-size: 28px;
    margin-bottom: 15px;
}

.creator_panel_left_label {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 10px;
    clear: both;
}

#assessment_mode_checkbox, #word_list_checkbox, #allow_copy_checkbox {
    clear: left;
    float: left;
}

#assessment_mode_label, #word_list_label, #allow_copy_label {
    width: auto;
    float: left;
    clear: none;
    text-align: left;
    padding: 0px;
    margin: 3px 0px 0px 5px;
    text-shadow: none;
    font-weight: normal;
    cursor: pointer;
}

#assessment_mode_question_mark, #word_list_question_mark, #allow_copy_question_mark {
    margin-left: 7px;
    margin-top: 2px;
    float: left;
}


#answer_key_label {
    margin-bottom: 5px;
}

#answer_key {
    clear: both;
    height: 80px;
}


#show_answers_button {
    float: left;
    margin-top: 10px;
}

#hide_answers_button {
    float: left;
    cursor: default;
    margin-top: 10px;
    margin-right: 0px;
}

#puz_holder {
    padding-top: 15px;
}

#across_lite_link {
    color: blue;
}

.left_explain_hover {
    color: rgb(0,0,205);
    cursor: default;
    font-weight: bold;
}

#export_button {
    float: left;
}

#what_it_is {
    margin-bottom: 0px;
    padding-top: 5px;
}

#no_affiliation {
    margin-bottom: 0px;
    padding-top: 30px;
}

#unpublish_button {
    float: left;
    margin-bottom: 10px;
}

    #unpublish_button #publish_lock {
        float: right;
        padding-left: 3px;
    }

#same_user_left {
    padding-left: 20px;
    padding-right: 20px;
}

.paragraph_for_creator {
    clear: both;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.3em;
}

#puzzle_unset_password {
    color: blue;
    text-decoration: underline;
    font-size: 11px;
    line-height: 1em;
    padding-bottom: 10px;
    cursor: pointer;
}

#puzzle_add_password_button {
    margin: 0px;
    font-size: 10px;
    height: 20px;
    margin-top: 2px;
    float: none;
    margin-left: 10px;
}

#puzzle_add_password_description {
    padding-bottom: 5px;
}

#puzzle_add_password_input {
    width: 138px;
    margin-bottom: 10px;
}





.error_letter {
    color: red;
}

#typing_direction_holder {
    clear: both;
    text-align: center;
    margin-right: 20px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
}

#puzzle_quality_question_mark {
    margin-left: 10px;
    margin-top: 8px;
    clear: right;
    margin-bottom: 7px;
}

#left_panel_symmetry, #grid_save_holder {
    padding-top: 10px;
}

#word_count_holder {
    font-size: 14px;
    padding-top: 7px;
    font-weight: bold;
    clear: both;
    height: 28px;
}

#word_count_label {
    float: left;
    cursor: default;
}

#word_count {
    float: left;
    margin-left: 3px;
    cursor: default;
}

#title_holder {
    margin-left: 310px;
    margin-top: 20px;
    float: left;
    height: 54px;
}

#title_label {
    float: left;
    font-size: 36px;
    font-weight: bold;
    line-height: 41px;
    cursor: default;
}

#title_input {
    font-size: 30px;
    margin-top: 0px;
    margin-left: 10px;
    width: 400px;
}

#title_output {
    font-size: 36px;
    line-height: 1em;
    width: auto;
    float: left;
    clear: right;
    max-width: 630px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
}

#save_status_holder_holder {
    float: left;
    margin-left: 50px;
    margin-top: 28px;
}

#save_status_text {
    color: rgb(100,100,100);
    font-size: 12px;
    line-height: 25px;
    margin-left: 20px;
}

#save_progress_button {
    clear: none;
    float: left;
    margin: 0px;
}

#puzzle_info_holder {
    float: left;
    max-width: 300px;
    padding-left: 100px;
    margin-top: 20px;
    height: 54px;
}

#complete_holder {
    float: left;
    padding-left: 40px;
    font-size: 36px;
    font-weight: bold;
    padding-top: 35px;
}

.puzzle_info_label {
    float: left;
    font-size: 14px;
    clear: left;
    text-align: right;
    width: 90px;
    margin-bottom: 5px;
    font-weight: bold;
}

.puzzle_info_output {
    float: left;
    font-size: 14px;
    margin-left: 6px;
    margin-bottom: 5px;
    clear: right;
}

.solve_login_text {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

#save_not_logged_in_holder, #solve_ratings_login_prompt {
    padding-top: 10px;
    cursor: default;
    font-size: 14px;
    line-height: 1.3em;
    width: 245px;
    clear: both;
}

#solve_ratings_blocker {
    height: 450px;
    position: absolute;
    width: 245px;
}

#undo_redo_holder {
    float: left;
    clear: none;
    margin-top: 30px;
    margin-left: 30px;
}

#undo_button, #redo_button {
    float: left;
}

#redo_button {
    margin-left: 7px;
}

#unpaid_puzzle_div, #paid_puzzle_div {
    height: 137px;
}

#publish_explanation_div {
    font-size: 16px;
    padding-top: 10px;
    line-height: 1em;
    clear: both;
    text-align: right;
    padding-right: 50px;
}

#create_crossword_what_is_this_question_mark {
    position: relative;
    top: 2px;
    margin-left: 5px;
}

#newspaper_body #unpaid_puzzle_div, #newspaper_body #paid_puzzle_div {
    position: absolute;
    width: 100%;
    min-width: 1279px;
    height: 0px;
}

#my_account_lifetime_unlimited_messaging {
    width: 500px;
    text-align: center;
    margin: 100px auto 200px;
    font-size: 24px;
    line-height: 1.3em;
}

#my_account_paid_by_other_account_messaging {
    width: 500px;
    text-align: center;
    margin: 100px auto 200px;
    font-size: 20px;
    line-height: 1.3em;
}

#publish_button, #big_make_printable_button {
    width: 190px;
    height: 50px;
    font-size: 16px;
    float: right;
    clear: none;
    margin-top: 23px;
    margin-right: 43px;
}

#simple_body #publish_button, #simple_body #big_make_printable_button {
    margin-top: 33px;
}

#newspaper_body #big_make_printable_button {
    cursor: default;
}

#puzzle_body #grid_save_holder {
    clear: right;
    margin-top: 15px;
    padding-top: 0px;
    float: left;
    height: 30px;
}

#puzzle_body #puzzle_grid_holder {
    margin-top: 16px;
}

#puzzle_body #clue_holder {
    margin-top: 15px;
    padding-bottom: 80px;
}

.confirm_clue_div {
    margin-bottom: 15px;
}

.confirm_clue_number, .confirm_clue_text {
    float: left;
    clear: none;
}

.confirm_clue_text {
    width: 350px;
}

.confirm_clue_answer {
    clear: both;
    font-weight: bold;
}

.publish_overlay_clue_direction_indicator {
    text-align: left;
    clear: both;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
}

.confirm_clue_number {
    text-align: right;
    width: 40px;
    margin-right: 8px;
    font-weight: bold;
}

.publish_overlay_clue_direction_indicator, .confirm_clue_answer {
    padding-left: 48px;
}

#publish_overlay_clue_direction_down {
    margin-top: 35px;
}

.puzzle_type_radio_holder {
    clear: both;
    height: 50px;
}

.difficulty_radio_holder {
    clear: both;
    height: 25px;
}

#set_puzzle_type_label {
    clear: both;
    font-size: 20px;
    margin-bottom: 15px;
}

#set_puzzle_header_label {
    clear: both;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 40px;
}

#set_difficulty_label {
    clear: both;
    font-size: 20px;
    margin-top: 50px;
}

#set_difficulty_sublabel {
    clear: both;
    font-size: 16px;
    margin-bottom: 15px;
}

.puzzle_type_radio {
    float: left;
    height: 50px;
    clear: left;
}

.difficulty_radio {
    float: left;
    height: 25px;
    clear: left;
}

.puzzle_type_radio_label {
    float: left;
    clear: right;
    height: 50px;
    width: 360px;
    text-align: left;
    margin-left: 10px;
    cursor: pointer;
}


.difficulty_radio_label {
    float: left;
    clear: right;
    height: 25px;
    width: 360px;
    text-align: left;
    margin-left: 10px;
    cursor: pointer;
}

#solve_difficulty_ratings_label, #solve_quality_ratings_label {
    font-size: 16px;
    clear: both;
    padding-top: 20px;
    text-decoration: underline;
}

.puzzle_type_radio_label_top {
    font-weight: bold;
    clear: right;
    font-size: 14px;
}

.puzzle_type_radio_label_bottom {
    font-weight: normal;
    clear: right;
    font-size: 14px;
}

.difficulty_radio_label_main {
    float: left;
    clear: none;
    font-weight: bold;
    font-size: 14px;
}

.difficulty_radio_label_clarification {
    float: left;
    clear: none;
    font-weight: normal;
    font-size: 14px;
    margin-left: 5px;
}

#set_password_label {
    font-weight: bold;
    font-size: 14px;
    clear: none;
    float: left;
    width: 200px;
    margin-top: 40px;
    text-align: left;
    cursor: pointer;
}

#set_password_checkbox {
    float: left;
    clear: right;
    margin-top: 45px;
    margin-right: 8px;
    margin-left: 52px;
}

#set_puzzle_password_holder {
    clear: both;
    height: 38px;
}

#set_puzzle_password {
    width: 200px;
    margin-left: 77px;
    margin-top: 10px;
}

#set_password_explanation_holder {
    clear: both;
    padding-top: 20px;
}

#set_password_explanation_1 {
    clear: both;
    font-size: 12px;
}

#set_password_explanation_2 {
    clear: both;
    font-size: 12px;
    margin-top: 10px;
}

#set_password_warning, #set_author_label_warning, #set_author_name_warning {
    color: red;
    clear: both;
}

#show_puzzle_type_checkbox_label, #show_puzzle_author_checkbox_label {
    width: 120px;
    text-align: left;
    clear: right;
    margin-top: 0px;
}

#show_puzzle_type_checkbox, #show_puzzle_author_checkbox {
    float: left;
    clear: left;
}

#puzzle_header_preview_holder {
    float: left;
    font-weight: bold;
    padding: 10px;
    border: 1px solid black;
}

#puzzle_header_preview_puzzle_type, #puzzle_header_preview_puzzle_author {
    font-weight: normal;
}

#username_input_label, #teachername_input_label {
    width: 100px;
}

#set_username_holder, #set_teachername_holder {
    clear: both;
    padding-top: 30px;
    height: 80px;
}

#username_input, #teachername_input {
    width: 250px;
    margin-left: 5px;
    margin-top: 3px;
}

#author_label_input_label, #author_name_input_label {
    width: 100px;
    clear: left;
}

#author_input_holder_holder_holder {
    clear: both;
    padding-top: 15px;
}

#author_input_holder_holder {
    clear: both;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 81px;
}

#set_author_label_holder, #set_author_name_holder {
    clear: both;
    padding-top: 10px;
}

#author_label_input, #author_name_input {
    width: 250px;
    margin-left: 5px;
    margin-top: 3px;
}

#puzzle_password_required_overlay, #completion_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: white;
    z-index: 1000;
    margin-top: 1px;
}

#header_shown_checkboxes_holder {
    float: right;
    width: 160px;
}

#puzzle_header {
    width: 290px;
    max-width: 300px;
    min-height: 51px;
    font-size: 14px;
    line-height: 17px;
    padding: 5px;
    outline: none;
}

.puzzle_same_user #puzzle_header.puzzle_header_blank {
    color: rgb(150,150,150);
    height: 51px;
    outline: 1px solid rgb(150,150,150);
    padding: 5px;
    line-height: 49px;
    font-size: 18px;
    text-align: center;
    min-height: initial;
}

.puzzle_same_user #puzzle_header {
    cursor: pointer;
}

    .puzzle_same_user #puzzle_header:focus {
        outline: 2px solid rgb(150,150,255);
        cursor: auto;
    }

#completion_overlay {
    background-color: rgba(255,255,255,0.75);
}

#puzzle_password_required_text {
    padding: 30px;
    font-size: 16px;
    line-height: 1.3em;
}

#puzzle_password_required_input {
    width: 200px;
    margin-left: 30px;
}

#puzzle_password_incorrect_text {
    margin-left: 30px;
    color: red;
    margin-top: 25px;
}

#puzzle_password_submit {
    margin-left: 30px;
    float: left;
}

#completion_gif_holder {
    float: left;
    clear: none;
}

#completion_text_holder {
    float: left;
    clear: none;
    width: 441px;
    height: 431px;
    overflow-y: auto;
    padding-left: 20px;
    padding-right: 20px;
}

#completion_text_header {
    font-size: 48px;
    font-weight: bold;
    line-height: 1em;
    cursor: default;
    float: left;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    width: 431px;
}

#completion_social_text {
    padding-top: 30px;
    font-weight: bold;
    font-size: 24px;
    clear: both;
}

#completion_social_button_holder {
    float: left;
    clear: both;
    margin-top: 10px;
}

#puzzle_body .difficulty_radio_holder {
    height: auto;
    padding-top: 10px;
    line-height: 1.4em;
}

#puzzle_body .difficulty_radio_label {
    height: auto;
    margin-top: 2px;
    width: auto;
    margin-left: 0px;
    padding-left: 3px;
}

#completion_log_in_div {
    padding-top: 20px;
    font-size: 16px;
    cursor: default;
}

#puzzle_body .difficulty_radio {
    height: auto;
}

#puzzle_body .difficulty_radio_label_main {
    display: inline;
    float: none;
    text-shadow: none;
}

#puzzle_body .difficulty_radio_label_clarification {
    display: inline;
    float: none;
    font-style: italic;
}

#how_to_holder {
    width: 80%;
    max-width: 600px;
    margin: 50px auto 30px;
}

    #how_to_holder p {
        font-size: 16px;
        line-height: 1.5em;
    }

    #how_to_holder h1 {
        font-size: 28px;
        line-height: 1.3em;
    }

    #how_to_holder h2 {
        font-size: 20px;
        line-height: 1.3em;
    }

    #how_to_holder li {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        line-height: 1.5em;
        text-align: justify;
    }

    #how_to_holder ol {
        padding-bottom: 5px;
    }

    #how_to_holder a:link {
        color: blue;
    }

    #how_to_holder a:active {
        color: red;
    }

    #how_to_holder a:visited {
        color: purple;
    }

#newspaper_how_to_note {
    margin: 80px auto 0px;
    width: 750px;
    font-size: 20px;
    line-height: 1.3em;
    text-align: center;
}

#print_puzzle_body {
    min-width: 950px;
}

#print_body_holder {
    /*Sets a width and scales it down for printing, so 25x25 puzzle_grid with a default width of 752px will fit the body, then everything scales by a factor of 0.88 to fit 670px safe width for printing */
    /*width:6in;*/
    margin: 0px auto;
}

#print_puzzle_body #title_holder {
    clear: left;
    margin-left: 0px;
}

#print_puzzle_body #puzzle_info_holder {
    clear: right;
    width: auto;
}

#print_puzzle_body #puzzle_grid_holder {
    float: right;
    clear: left;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 16px;
}

#print_logo {
    float: left;
    clear: both;
    margin-top: 20px;
    /*this is set to 0px for print*/
}

#print_clue_holder {
    float: left;
    clear: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /*determined based on height of other elements so it fits on the page*/
    /*height:745px; */
    margin-top: 16px;
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count: 3;
    column-width: 157px;
    -moz-column-width: 157px; /* Firefox */
    -webkit-column-width: 157px; /* Safari and Chrome */
    column-gap: 0px;
    -moz-column-gap: 0px; /* Firefox */
    -webkit-column-gap: 0px; /* Safari and Chrome */
    column-rule-width: 0px;
    -moz-column-rule-width: 0px; /* Firefox */
    -webkit-column-rule-width: 0px; /* Safari and Chrome */
}

    #print_clue_holder #across_clues, #print_clue_holder #down_clues {
        height: auto;
        clear: both;
        float: none;
        overflow-y: auto;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    #print_clue_holder .clue_header {
        width: 157px;
        padding-top: 0px;
        clear: none;
    }

    #print_clue_holder .clue_holder {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #print_clue_holder .clue_number {
        width: 15px;
    }

    #print_clue_holder .clue_text {
        width: 132px;
        padding-left: 25px;
    }

#feature_page_wrap {
    width: 90%;
    margin: 100px auto;
    max-width: 1200px;
}

#feature_box, #price_comparison_box, #selling_box {
    background-color: #FBFFC9;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid black;
    padding: 0px 50px 30px;
}

#top_sign_up_button {
    margin-top: 60px;
    margin-bottom: 20px;
}

#price_comparison_box {
    float: right;
    clear: both;
    padding: 0px 20px 10px;
    margin-bottom: 50px;
    background-color: #EFFFEF;
    border: 2px solid #00AF00;
}



#selling_box {
    width: 80%;
    margin: 50px auto;
    clear: both;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top left, #FFFAFA 0%, #FFF5F5 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #FFFAFA 0%, #FFF5F5 100%);
    /* Opera */
    background-image: -o-linear-gradient(top left, #FFFAFA 0%, #FFF5F5 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFAFA), color-stop(1, #FFF5F5));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top left, #FFFAFA 0%, #FFF5F5 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom right, #FFFAFA 0%, #FFF5F5 100%);
}

    #feature_box p, #selling_box p {
        font-size: 18px;
        margin-top: 1.4em;
        margin-bottom: 0px;
        line-height: 1.4em;
        text-align: left;
    }

.feature_box_header {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: normal;
    cursor: default;
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}


.comparison_company_price {
    clear: both;
    margin: 0px auto 15px;
    cursor: default;
}


.comparison_company_holder {
    display: inline-block;
    clear: none;
    width: 252px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

.comparison_price_holder {
    display: inline-block;
    clear: none;
    font-weight: bold;
    color: rgb(200,0,0);
    font-size: 18px;
}

#comparison_star {
    margin-right: 7px;
}

.company_price_same .comparison_company_holder {
    text-transform: uppercase;
    font-size: 21px;
    text-decoration: underline;
}

.company_price_same .comparison_price_holder {
    color: #10AF00;
    font-size: 22px;
    text-shadow: 0px 0px 2px rgb(140,255,140);
}

#unlock_div, #big_make_printable_explanation_div {
    float: right;
    clear: both;
    width: 115px;
    height: 0px;
    overflow-y: visible;
    position: relative;
    top: 7px;
    cursor: default;
}

#big_make_printable_explanation_div {
    margin-left: 28px;
    width: auto;
    font-size: 16px;
    float: left;
}

#newspaper_body #big_make_printable_explanation_div {
    float: right;
    margin-right: 45px;
}

#big_make_printable_question_mark {
    position: relative;
    top: 2px;
    left: -2px;
}

#publish_lock {
    width: 16px;
}

.gray_button {
    border: 1px solid rgb(110,110,110);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #E6E6E6 0%, #CCCCCC 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #E6E6E6 0%, #CCCCCC 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #E6E6E6 0%, #CCCCCC 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E6E6E6), color-stop(1, #CCCCCC));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #E6E6E6 0%, #CCCCCC 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #E6E6E6 0%, #CCCCCC 100%);
    color: rgb(70,70,70);
}

#unlock_link {
    position: relative;
    top: -2px;
    margin-left: 5px;
    font-size: 16px;
}

#unlock_question_mark {
    width: 15px;
}

#home_trial_div {
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 20px;
    padding-left: 70px;
    padding-right: 70px;
    line-height: 1.3em;
    text-align: center;
}

#create_box {
    width: 90%;
    margin: 25px auto 10px;
    padding: 10px 20px 30px;
    background-color: rgb(240,255,240);
    border: 2px solid black;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    cursor: default;
}

.create_sub_box {
    width: 48%;
    clear: none;
}

#create_box_left {
    float: left;
}

#create_box_right {
    float: right;
}

.size_select_div {
    margin: 60px auto 10px;
    width: 452px;
}

.grid_size_selector_label {
    width: auto;
}

#create_box_bottom_enforcer {
    width: 100%;
    clear: both;
}

.create_type_head {
    font-size: 23px;
    text-decoration: underline;
    text-transform: uppercase;
}

.create_type_subhead {
    width: 452px;
    margin: 30px auto 40px;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
}

.home_grid_img {
    margin: 0px auto;
    display: block;
}

#home_create_header {
    font-size: 42px;
    line-height: 1em;
}

#home_trial_box {
    padding: 15px 15px;
    background-color: rgb(255,245,245);
    border: 1px solid red;
}

#create_account_box_landing {
    width: 355px;
    height: 283px;
    padding: 0px;
    margin: 0px auto 0px;
    border: 2px solid rgb(165,165,80);
    background-color: rgb(255,255,240);
    float: right;
    margin-bottom: 50px;
    margin-top: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    #create_account_box_landing h2, #welcome_col4 h2 {
        padding-bottom: 3px;
        padding-top: 3px;
        font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
        font-weight: normal;
        font-size: 30px;
    }

    #create_account_box_landing label {
        font-size: 18px;
        margin-top: 9px;
        font-weight: normal;
        width: 24%;
        margin-right: 10px;
    }

#create_account_email_landing, #create_account_password_landing {
    font-size: 16px;
    width: 66%;
    padding: 3px;
}

#begin_landing {
    display: block;
    margin: 80px auto 0px;
    float: none;
    height: 60px;
    font-size: 24px;
    padding: 0px 30px;
}

#welcome_browse_button {
    display: block;
    margin: 80px auto 0px;
    float: none;
    height: 60px;
    font-size: 24px;
    padding: 0px 30px;
}

.serif_family1 {
    font-family: Georgia, Times, "Times New Roman", serif !important;
}

.sans_serif_family1 {
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif !important;
}

.serif_family2 {
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !important;
}

.sans_serif_family2 {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.shadow_box {
    -webkit-box-shadow: 3px 3px 11px rgba(0,0,0,.7);
    -moz-box-shadow: 3px 3px 11px rgba(0,0,0,.7);
    box-shadow: 3px 3px 11px rgba(0,0,0,.7);
}


#auto_arrange_head {
    padding-left: 20px;
    margin-bottom: 4px;
}

#auto_arrange_subhead {
    clear: both;
    padding-top: 3px;
    padding-left: 20px;
    padding-bottom: 5px;
}

#auto_arrange_field_headers {
    clear: both;
    padding-top: 5px;
    height: 1em;
    padding-bottom: 3px;
    font-weight: bold;
    padding-left: 23px;
    cursor: default;
}

#auto_arrange_fields {
    height: 119px;
    overflow-y: scroll;
    clear: both;
    border-top: 1px dotted rgb(150,150,150);
    border-bottom: 1px dotted rgb(150,150,150);
    overflow-x: hidden;
}

.auto_arrange_field {
    clear: both;
    padding-top: 3px;
    padding-bottom: 7px;
    float: left;
    width: 100%;
}

.auto_arrange_number {
    width: 10px;
    float: left;
    clear: left;
    padding-top: 5px;
    font-weight: bold;
    padding-left: 5px;
}

.auto_arrange_no_numbers .auto_arrange_number {
    visibility: hidden;
}

.auto_arrange_has_bands .auto_arrange_field_even {
    background-color: rgb(205,195,255);
}

.auto_arrange_has_bands .auto_arrange_field_odd {
    background-color: rgb(240,230,255);
}

#auto_arrange_field1 {
    padding-top: 10px;
}

#auto_arrange_field50 {
    padding-bottom: 15px;
}

input.answer_word, #auto_arrange_answer_header {
    width: 95px;
    clear: none;
    float: left;
}

textarea.answer_clue, #auto_arrange_clue_header {
    width: 110px;
    clear: right;
    float: left;
    margin-left: 20px;
}

#auto_arrange_answer_header, #auto_arrange_clue_header {
}

input.answer_word, textarea.answer_clue {
    height: 22px;
    line-height: 1.1em;
}

input.answer_word {
    text-transform: uppercase;
    margin-left: 5px;
}

#auto_arrange_button_holder {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-left: 20px;
}

#auto_arrange_clear_button {
    float: left;
}

#save_status_label, #how_it_works_label {
    margin-top: 0px;
    margin-bottom: 0px;
}

#auto_arrange_question_mark, #move_text_question_mark {
    margin-top: 8px;
    margin-left: 8px;
    float: left;
}

#change_grid_size_holder {
    height: 30px;
}

#change_grid_size_text {
    float: left;
    line-height: 30px;
    font-weight: bold;
    padding-left: 20px;
    font-size: 14px;
    cursor: default;
}

#change_grid_size_dropdown {
    font-size: 11px;
    margin-top: 5px;
    margin-left: 7px;
    float: left;
    -webkit-box-shadow: #B4B5B5 2px 2px 2px;
    -moz-box-shadow: #B4B5B5 2px 2px 2px;
    box-shadow: #B4B5B5 2px 2px 2px;
}

    #change_grid_size_dropdown:focus {
        -webkit-box-shadow: #848585 2px 2px 2px;
        -moz-box-shadow: #848585 2px 2px 2px;
        box-shadow: #848585 2px 2px 2px;
        -moz-transition: -moz-box-shadow .2s ease-in-out;
        -webkit-transition: -webkit-box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out;
    }

.size_change_button {
    height: 18px;
    float: left;
    clear: none;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 5px;
    font-size: 9px;
    -webkit-box-shadow: #B4B5B5 2px 2px 2px;
    -moz-box-shadow: #B4B5B5 2px 2px 2px;
    box-shadow: #B4B5B5 2px 2px 2px;
}

#move_text_holder {
    padding-left: 30px;
}

#move_text_image_holder {
    height: 25px;
    padding-bottom: 7px;
    clear: both;
    padding-left: 30px;
}

.move_image {
    cursor: pointer;
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 5px;
}

#money_back_guarantee_img_holder {
    width: 950px;
    height: 0px;
    margin: 0px auto;
}

#money_back_guarantee_img {
    float: right;
    position: relative;
    top: -47px;
    left: -50px;
}

#unlock_page_home_button, #unlock_page_back_to_puzzle_button, #back_to_choose_form_link, #choose_page_back_to_puzzle_button, #choose_page_home_button {
    color: blue;
    display: inline-block;
    clear: left;
    font-size: 16px;
    float: left;
}

#choose_page_home_button, #unlock_page_home_button {
    margin-top: 10px;
}

#choose_page_back_to_puzzle_button, #unlock_page_back_to_puzzle_button {
    margin-top: 31px;
}

#back_to_choose_form_link, #unlock_body_wrap #unlock_page_back_button {
    margin-bottom: 0px;
}

#explanation_holder_holder {
    width: 390px;
    float: left;
    padding: 20px;
    margin-bottom: 50px;
}

#give_gifts_content_holder {
    margin-top: 100px;
    width: 390px;
    float: left;
    padding: 20px;
    margin-bottom: 30px;
}

#gifts_right_panel {
    float: right;
    width: 390px;
}

#outside_referral_box {
    clear: both;
    width: 80%;
    background-color: rgb(230,250,255);
    border: 2px solid rgb(156, 219, 231);
    padding: 20px;
}

#outside_referral_header {
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
}

#outside_referral_text {
    font-size: 14px;
    text-align: center;
    margin-bottom: 0px;
}

    #outside_referral_text a:link {
        color: blue;
    }

    #outside_referral_text a:visited {
        color: purple;
    }




#card_info_holder_holder {
    width: 340px;
    float: right;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgb(255,255,245);
    border: 2px solid black;
    margin-top: 100px;
    margin-bottom: 100px;
}

#give_gifts_header {
    font-size: 35px;
    line-height: 1em;
    padding-top: 20px;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#give_gifts_overall_holder {
    margin-top: 50px;
}

#give_gifts_how_it_works_title {
    font-size: 24px;
}

#give_gifts_how_it_works_list {
    font-size: 18px;
}

    #give_gifts_how_it_works_list li {
        line-height: 1.2em;
        padding-bottom: 10px;
    }

#give_gifts_faq_holder {
    margin-top: 50px;
    padding-bottom: 100px;
}

#give_gifts_faq_header {
    font-size: 24px;
    margin-bottom: 15px;
}

.give_gifts_faq_item {
    margin-bottom: 10px;
    cursor: pointer;
    margin-left: 10px;
}

.give_gifts_faq_question {
    font-size: 16px;
    line-height: 1.2em;
    padding-bottom: 5px;
    text-decoration: underline;
    padding-right: 7px;
    color: rgb(80,80,215);
}

.give_gifts_faq_answer {
    font-size: 15px;
    line-height: 1.2em;
    clear: both;
    width: 355px;
    padding-left: 25px;
    padding-bottom: 5px;
}

.give_gifts_faq_question_arrow {
    float: left;
    clear: none;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-right: 10px;
    height: 15px;
}


#report_issue_faq_holder {
    padding-bottom: 20px;
}

#report_issue_faq_header {
    font-size: 24px;
    margin-bottom: 20px;
    cursor: default;
}

.report_issue_faq_item {
    cursor: pointer;
    margin-left: 10px;
}

.report_issue_faq_question {
    font-size: 20px;
    line-height: 1.2em;
    padding-right: 7px;
    color: rgb(80,80,215);
    margin-bottom: 10px;
}

    .report_issue_faq_question:hover {
        text-decoration: underline;
    }

.report_issue_faq_answer {
    font-size: 16px;
    clear: both;
    width: 355px;
    padding-left: 25px;
    padding-bottom: 20px;
    text-align: justify;
}

    .report_issue_faq_answer p {
        line-height: 1.4em;
        margin: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.report_issue_faq_question_arrow {
    float: left;
    clear: none;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-right: 10px;
    height: 15px;
}

#report_issue_delay_warning {
    clear: both;
    width: 100%;
    font-style: italic;
    padding-bottom: 20px;
    font-size: 16px;
}

.report_issue_field_label {
    font-weight: bold;
}

#report_issue_error_output {
    float: left;
    width: 190px;
    color: red;
    font-size: 14px;
}



#card_field_email_holder {
    height: 30px;
}

#why_email_needed {
    clear: both;
    padding-left: 140px;
    height: 30px;
}

#why_email_needed_question_mark {
    float: left;
    clear: none;
}

#why_email_needed_text {
    float: left;
    clear: none;
    padding-right: 5px;
    padding-top: 2px;
    font-style: italic;
    cursor: default;
}



.unlock_flip #explanation_holder_holder {
    float: right;
}

.unlock_flip #card_info_holder_holder {
    float: left;
}

.explanation_holder {
    width: 100%;
    clear: both;
}

.explanation_header, #who_for_head_label {
    font-size: 28px;
    text-align: left;
    font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
    width: 100%;
    clear: both;
    line-height: 1em;
    padding-bottom: 10px;
}

.explanation_text, .who_for_text {
    font-size: 18px;
    text-align: left;
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    width: 100%;
    clear: both;
    line-height: 1.3em;
}

.explanation_text {
    padding-bottom: 50px;
}

.who_for_text {
    padding-bottom: 30px;
}


.who_for_sub_label {
    font-size: 20px;
    text-align: left;
    font-family: Calibri,Candara,"arial narrow","Segoe UI",Optima,"gill sans",arial,sans-serif;
    font-weight: bold;
    width: 100%;
    clear: both;
    padding-bottom: 10px;
}

#explanation_holder_why {
    padding-top: 20px;
}


#card_info_header {
    width: 100%;
    clear: both;
    font-size: 34px;
    line-height: 30px;
    padding-bottom: 40px;
    color: rgb(205,50,0);
    text-align: center;
    cursor: default;
}

.card_field_label {
    width: 130px;
    float: left;
    clear: left;
    font-size: 18px;
    text-align: right;
    line-height: 25px;
    padding-right: 10px;
    font-weight: bold;
    cursor: default;
}

.card_field_value {
    width: 200px;
    float: left;
    clear: right;
}

.card_field_holder {
    height: 35px;
    clear: both;
    width: 100%;
}

.card_input {
    width: 100%;
}

input.incorrect_value, select.incorrect_value {
    border-color: red;
}

#card_amount, #card_description_value {
    font-size: 18px;
    line-height: 25px;
}

#no_additional_costs {
    font-style: italic;
    font-size: 12px;
    clear: both;
    padding-bottom: 12px;
    line-height: 1em;
}

#card_expiration_month_select {
    float: left;
    clear: none;
}


#card_expiration_slash_holder {
    float: left;
    clear: none;
    font-size: 18px;
    line-height: 25px;
    padding-left: 8px;
    padding-right: 4px;
    clear: none;
}


#card_expiration_year_select {
    float: left;
    clear: none;
}


#card_expiration_format_holder {
    float: left;
    font-size: 14px;
    line-height: 25px;
    padding-left: 10px;
    clear: none;
}

#billing_address_line, #billing_information_line {
    font-size: 18px;
    font-style: italic;
    text-decoration: underline;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 120px;
}

#address_country, #address_state {
    width: auto;
}

#address_city {
    width: 150px;
}

#address_zip {
    width: 80px;
}

#promo_code_field_holder {
    padding-top: 20px;
}

#card_promo_label {
    line-height: 1em;
}

#card_promo_optional {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

#card_promo, #card_promo_value {
    width: 100px;
}

#promo_code_validate {
    float: left;
    margin-left: 20px;
}

#promo_code_response {
    height: 15px;
    padding: 10px;
}

#submit_card_button {
    font-size: 20px;
    height: 55px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 10px;
    margin-right: 20px;
}

#card_number {
    width: 180px;
}

#card_cvv {
    width: 45px;
}

#card_zip {
    width: 65px;
}

#card_expiration_date_value {
    cursor: default;
}

#secure_payment_holder {
    float: right;
    clear: both;
    padding-top: 30px;
}

#trust_image {
    display: inline-block;
    float: left;
    clear: none;
}

#secure_payment_text {
    display: inline-block;
    float: left;
    clear: none;
    margin-left: 5px;
    line-height: 16px;
    cursor: default;
}

#card_logos_holder {
    padding-top: 10px;
    padding-bottom: 10px;
}

.card_logo {
    padding-left: 2px;
}

#card_error_message {
    padding: 10px;
    color: red;
    height: 15px;
}

#unlock_first_data_link {
    color: rgb(0,0,220);
}


#select_plan_header {
    font-size: 48px;
}

#billing_option_holder_holder {
    float: right;
    width: 0px;
    overflow-x: visible;
}

#billing_option_holder {
    width: 200px;
    position: relative;
    left: -170px;
    top: -50px;
}

#billing_option_main_label {
    font-size: 16px;
    text-decoration: underline;
    font-style: italic;
    line-height: 1em;
    padding-bottom: 5px;
    color: rgb(0,0,150);
}

.billing_option_radio {
    clear: left;
    float: left;
    margin-left: 0px;
}

.billing_option_radio_label {
    clear: right;
    font-weight: normal;
    width: auto;
    text-shadow: none;
    padding-right: 5px;
    cursor: pointer;
}

#spt_special_explainer_gold, #spt_special_explainer_joint {
    font-style: italic;
}

#select_plan_box {
    margin-top: 40px;
    width: 800px;
    height: auto;
    position: relative;
    cursor: default;
}

#select_plan_table {
    border: none;
    text-align: center;
    margin: 50px auto 0px;
    padding-bottom: 50px;
}

#my_account_body #select_plan_table {
    padding-right: 120px;
}

#select_plan_table td {
    border: none;
}

    #select_plan_table td.spt_label {
        font-weight: bold;
        border-right: 2px solid black;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
        cursor: default;
        text-decoration: underline;
    }

#spt_word_searches_label {
    text-decoration: none;
}

#select_plan_table .spt_feature_row td {
    border-top: 1px solid rgb(100,100,100);
    height: 40px;
}



.gold_td, .joint_td {
    width: 200px;
}

.special_event_td {
    width: 170px;
}

#my_account_body .gold_td, #my_account_body .joint_td {
    width: 220px;
}

#select_plan_table #spt_plan_labels td {
    font-size: 36px;
    height: 40px;
    line-height: 1em;
    border-right: none;
}

#select_plan_table #spt_cost td {
    font-size: 18px;
    height: 40px;
    border-right: none;
    vertical-align: bottom;
}

#select_plan_table #spt_special_explainer td {
    color: rgb(0,0,150);
    border-right: none;
    height: 26px;
}

    #select_plan_table #spt_special_explainer td#spt_special_explainer_special_event {
        color: rgb(100,100,100);
    }

#select_plan_table #spt_word_searches td {
    font-size: 14px;
    height: auto;
    border-right: none;
    font-style: italic;
    padding-bottom: 20px;
    padding-top: 15px;
    vertical-align: top;
}

#select_plan_table #spt_feature1 td {
    border-top: none;
}

#select_plan_table td.special_event_td {
    border-right: 3px double rgb(100,100,100) !important;
}

#select_plan_table td.spt_button_td {
    border-right: none;
    height: 60px;
}

.spt_button {
    margin: 10px auto;
    float: none;
    width: 126px;
    height: 40px;
    font-size: 18px;
}

#spt_buttons_free_trial input[type="button"] {
    font-size: 16px;
    width: 169px;
}

#spt_spacer_row td {
    height: 10px;
}

#restart_holder {
    height: 20px;
    padding: 10px 0px;
}

#start_over_button, #restart_tour_button, #auto_arrange_unarrange_button {
    font-size: 10px;
    clear: none;
    height: 20px;
}

#start_over_button {
    float: left;
    margin-right: 0px;
}

#restart_tour_button {
    float: right;
    margin-left: 0px;
}

#progress_bar_holder_holder {
    margin-top: 50px;
}

#progress_bar_holder {
    width: 825px;
    margin: 0px auto;
}

.progress_bar_box {
    width: 200px;
    height: 30px;
    clear: none;
    display: inline-block;
    margin: 0px 0px;
    border: 2px solid rgb(230,210,255);
    position: relative;
    border-right: none;
}

#progress_bar_create_box {
    background-color: rgb(230,210,255);
}

    #progress_bar_create_box:after {
        border-left-color: rgb(230,210,255);
    }

#progress_bar_pay_box {
    left: -2px;
    background-color: rgb(203, 160, 255);
}

    #progress_bar_pay_box:after {
        border-left-color: rgb(203, 160, 255);
    }

#progress_bar_preview_box {
    left: -4px;
}

#progress_bar_print_box {
    left: -6px;
}

#progress_bar_preview_box, #progress_bar_print_box {
    background-color: rgb(230,220,240);
}

    #progress_bar_preview_box:after, #progress_bar_print_box:after {
        border-left-color: rgb(230,220,240);
    }

.progress_bar_box:after, .progress_bar_box:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
    z-index: 2;
}

.progress_bar_box:after {
    border-width: 15px;
    top: 0px;
}

.progress_bar_box:before {
    border-width: 17px;
    border-left-color: rgb(120,80,190);
    top: -2px;
}

.progress_bar_text {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    cursor: default;
    font-style: italic;
    color: rgb(70,0,105);
}

#select_main_header, #unlock_header {
    font-size: 35px;
    line-height: 1em;
    padding-top: 20px;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#select_body_wrap, #unlock_body_wrap {
    width: 850px;
    margin: 0px auto 30px;
}

#gifts_wrap, #give_gifts_body_wrap {
    width: 880px;
    margin: 0px auto 30px;
}

#gifts_top_wrap {
    position: relative;
    width: 100%;
    height: 615px;
    box-sizing: border-box;
    background: url(https://crosswordhobbyist.com/gift_background_cropped.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}

#gifts_top_text {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 200px;
    color: white;
    padding-left: 125px;
}

#gifts_top_text1 {
    font-size: 36px;
    line-height: 1.2em;
    padding-bottom: 20px;
    width: 450px;
}

#gifts_top_text2 {
    font-size: 24px;
    line-height: 1.2em;
    width: 450px;
}

#gifts_top_button_holder {
    width: 450px;
}

#gifts_received_gift_holder {
    text-align: center;
    clear: both;
    padding-top: 40px;
    font-size: 14px;
}

#give_gifts_overall_holder #card_info_holder_holder {
    margin-top: 50px;
}

#gifts_received_gift_holder a:link, #gifts_received_gift_holder a:visited {
    color: rgb(150,150,150);
    text-decoration: none;
}

#gifts_received_gift_holder a:hover {
    font-weight: bold;
}

.school_gifts_wrap li {
    line-height: 1em;
    padding-top: 3px;
    padding-bottom: 3px;
}

.school_gifts_wrap #gifts_give_description, .school_gifts_wrap #gifts_claim_description {
    height: 540px;
}

#give_gifts_amount {
    float: right;
    margin-bottom: 20px;
}


#give_gift_success_header {
    font-size: 40px;
    margin-top: 50px;
    line-height: 1em;
}

#give_gift_success_wrap {
    margin: 0px auto;
    width: 750px;
}

#give_gift_success_text {
    font-size: 16px;
    margin-top: 50px;
    padding-bottom: 100px;
}

#big_choose_text_holder {
    clear: both;
    width: 80%;
    margin: 128px auto 50px;
}

#redeem_gift_big_header {
    font-size: 60px;
    line-height: 1em;
    margin-top: 50px;
    margin-bottom: 80px;
}

#redeem_gift_wrap {
    min-width: 850px;
    width: 80%;
    margin: 0px auto;
}

    #redeem_gift_wrap #landing_col2 {
        width: 62%;
    }

    #redeem_gift_wrap #welcome_text_box {
        padding-left: 30px;
    }

    #redeem_gift_wrap #new_welcome_text_box {
        padding-right: 30px;
    }

    #redeem_gift_wrap #features_header {
        font-size: 36px;
    }

#redeem_gift_col1 {
    width: 35%;
    float: right;
    margin-right: 20px;
}

#redeem_gift_subhead {
    font-size: 22px;
    line-height: 1em;
}

#redeem_gift_subhead2 {
    padding-top: 20px;
    font-size: 18px;
    line-height: 1em;
}

#redeem_gift_header {
    padding-top: 20px;
    font-size: 26px;
    text-decoration: underline;
    line-height: 1em;
}

#redeem_gift_how {
    padding-top: 10px;
    font-size: 18px;
    line-height: 1em;
}

#redeem_gift_step1_text2 {
    font-size: 14px;
    padding-top: 10px;
}

#redeem_gift_create_account, #redeem_gift_log_in {
    color: rgb(80,80,220);
    text-decoration: underline;
    cursor: pointer;
}

#redeem_gift_enter_code_box {
    clear: both;
}

#redeem_gift_code_input {
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 235px;
    float: left;
}

#redeem_gift_code_button {
    clear: both;
    float: left;
    margin-top: 10px;
    height: 3em;
    width: 180px;
}

#redeem_gift_error_box {
    clear: both;
    padding-top: 30px;
    color: red;
    font-size: 16px;
}

#redeem_gift_success_header {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 15px;
}


#code_status_big_header {
    font-size: 44px;
    margin-top: 80px;
    margin-bottom: 80px;
}

#code_status_not_logged_in, #code_status_no_results, #code_status_results {
    width: 850px;
    margin: 0px auto;
    font-size: 18px;
    line-height: 1.2em;
}

#code_status_results {
    padding-bottom: 100px;
    line-height: 1.5em;
}

.code_status_label {
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 4px;
}

.code_status_redeemed_indicator {
    float: left;
    clear: left;
    width: 100px;
}

    .code_status_redeemed_indicator img {
        margin: 0px auto;
        display: block;
    }

.code_status_code {
    float: left;
    clear: right;
}

.redeem_gift_success_home_link:link, .redeem_gift_success_home_link:visited {
    color: rgb(80,80,240);
}

.big_choose_text_qa_holder {
    padding-bottom: 30px;
}

.big_choose_text_question {
    font-weight: bold;
    font-size: 26px;
    line-height: 1.5em;
}

.big_choose_text_answer {
    font-size: 18px;
    line-height: 1.4em;
}

#big_create_text_holder {
    width: 700px;
    margin-left: 350px;
    clear: both;
    padding: 40px;
    position: relative;
    top: 40px;
    margin-bottom: 100px;
}

.big_create_text_qa_holder {
    padding-bottom: 30px;
}

.big_create_text_question {
    font-weight: bold;
    font-size: 26px;
    line-height: 1.5em;
}

.big_create_text_answer {
    font-size: 18px;
    line-height: 1.4em;
}

#big_create_text_sample_img {
    padding-top: 10px;
}

#big_create_text_features_box {
    background-color: #EBFFF0;
    border: 2px solid #009632;
    width: 550px;
    margin: 30px auto 70px;
    padding: 20px 40px 45px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
}

    #big_create_text_features_box h3 {
        font-size: 32px;
        line-height: 1em;
        text-decoration: underline;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    #big_create_text_features_box ul {
        list-style-type: none;
        padding-left: 0px;
        margin-left: 0px;
    }


    #big_create_text_features_box li {
        font-weight: bold;
        margin-left: 0px;
        font-size: 20px;
        line-height: 1.2em;
        font-style: italic;
    }

    #big_create_text_features_box div {
        font-size: 18px;
        padding-bottom: 16px;
        line-height: 1.2em;
        text-align: justify;
    }

#choose_left_gradient, #unlock_left_gradient, #gifts_left_gradient, #give_gifts_left_gradient {
    background-color: white;
    position: fixed;
    height: 3000px;
    width: 80px;
    left: 0px;
    background: -moz-linear-gradient(0deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(0deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(0deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(0deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(90deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
}

#choose_right_gradient, #unlock_right_gradient, #gifts_right_gradient, #give_gifts_right_gradient {
    background-color: white;
    position: fixed;
    height: 3000px;
    width: 80px;
    right: 0px;
    background: -moz-linear-gradient(180deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(180deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(180deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(180deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(270deg, rgb(239, 242, 255) 0%, rgb(255, 255, 255) 100%);
}

#gifts_left_gradient, #gifts_right_gradient {
    top: 0px;
    z-index: -1;
}


#choose_boxes_holder, #unlock_content_holder {
    clear: both;
    position: relative;
    top: -27px;
}

#unlock_content_holder {
    margin-top: 128px;
}

#gifts_boxes_holder {
    clear: both;
}

.gifts_box_header {
    font-size: 32px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    text-decoration: underline;
}

#individual_holder, #unlimited_holder, #gifts_give_holder, #gifts_claim_holder {
    width: 50%;
    margin: 0px 0px 80px;
    padding: 0px;
    float: left;
}

#unlimited_holder, #gifts_claim_holder {
    float: right;
}

#gifts_give_description, #gifts_claim_description {
    font-size: 16px;
    height: 400px;
}

#gifts_header {
    font-size: 72px;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 1em;
    cursor: default;
}

#gifts_subhead {
    font-size: 40px;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 30px;
    cursor: default;
}

#card_field_confirm_email_holder {
    height: 30px;
}

#email_when_redeemed_holder {
    clear: both;
    height: 30px;
}

#email_when_redeemed_text {
    clear: none;
    font-style: italic;
    float: right;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

#email_when_redeemed_checkbox {
    clear: none;
    float: right;
}

#individual_box, #unlimited_box, #gifts_give_box, #gifts_claim_box {
    width: 90%;
    margin: 0px auto;
    padding: 30px 40px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    height: auto;
    background-color: #FFFFED;
    border: 7px solid rgb(255,255,170);
    background-image: none;
    -webkit-box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    -moz-box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
    box-shadow: 5px 5px 11px rgba(0,0,0,0.7);
}

.strikethrough_price {
    text-decoration: line-through;
    display: block;
    height: 0px;
    width: 0px;
    text-align: right;
    color: red;
    position: relative;
    top: -8px;
    font-size: 26px;
    float: left;
}

#strikethrough_price_individual {
    left: 5px;
}

#strikethrough_price_unlimited {
    left: -8px;
}


.select_price {
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    font-size: 42px;
    text-align: center;
    line-height: 1em;
    padding-top: 20px;
}

.strikethrough_price {
    font-size: 22px;
}

.select_header {
    line-height: 1em;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}


.select_description {
    line-height: 1em;
    font-size: 22px;
    padding-top: 25px;
    font-style: italic;
}

#individual_title_holder {
    clear: both;
    padding-top: 15px;
    font-size: 15px;
    line-height: 1em;
}

#unlimited_title_spacer {
    clear: both;
    padding-top: 15px;
    height: 15px;
}

#individual_title_label {
    display: inline-block;
    clear: left;
    font-weight: bold;
}

#individual_title {
    display: inline-block;
    clear: right;
    text-decoration: underline;
}

#individual_plus {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.1em;
    height: 40px;
}

#individual_plus_word {
    float: left;
    font-weight: bold;
    clear: left;
    padding-bottom: 10px;
    padding-right: 7px;
}

.select_features {
    padding-top: 10px;
    font-size: 18px;
    line-height: 1em;
}

    .select_features li {
        padding-bottom: 0.5em;
    }

#unlimited_cost_calculation_holder {
    line-height: 1.3em;
    font-size: 16px;
    padding-top: 20px;
}

#unlimited_cost_calculation_individual_count_header {
    float: left;
    padding-right: 5px;
    font-weight: bold;
}

#unlimited_cost_calculation_individual_count {
    display: inline-block;
    clear: right;
}

#unlimited_cost_calculation_label {
    float: left;
    clear: left;
    padding-right: 5px;
    font-weight: bold;
}

#unlimited_cost_calculation {
    display: inline-block;
}

#unlimited_cost_calculation_individual_count, #unlimited_cost_calculation_individual_count_inline {
    font-weight: bold;
    text-decoration: underline;
    color: purple;
}

#unlimited_cost_calculation_final {
    font-weight: bold;
    color: rgb(0,150,0);
}

.select_button_holder {
    height: 80px;
}

.select_button {
    float: none;
    margin: 40px auto 0px;
    height: 55px;
    font-size: 20px;
    padding: 0px 24px 2px;
    display: block;
}

#back_to_choose_form {
    /*needed to prevent underline from being hidden in some browsers*/
    line-height: 1.5em;
}

#make_printable_outer_div {
    height: 100px;
    padding-right: 20px;
}

#make_printable_holder {
    padding-top: 23px;
    height: 77px;
}

#make_printable_button {
    float: none;
    display: block;
    margin: 0px auto;
    font-size: 16px;
    padding: 0px 20px;
    height: 42px;
}

#puzzle_saved_alert2 {
    padding-top: 23px;
}

#login_saving_spinner, #login_saving_spinner_2, #arrange_wait_spinner, #login_saving_spinner_3, #login_saving_spinner_4 {
    float: left;
}

#login_saving_text, #login_saving_text_2, #arrange_wait_text_1, #arrange_wait_text_2, #login_saving_text_3, #login_saving_text_4 {
    display: inline-block;
    padding-left: 15px;
    padding-bottom: 40px;
    font-size: 20px;
    float: left;
    max-width: 260px;
    text-align: left;
}

#create_footer_holder {
    padding-top: 1px;
    clear: both;
    padding-left: 280px;
    padding-right: 12%;
}

#page_indicator_h1 {
    display: inline;
    font-size: inherit;
    font-weight: normal;
    margin: 0px;
    line-height: inherit;
}

#how_it_works_ol {
    clear: both;
    font-size: 16px;
    line-height: 1.3em;
    padding-top: 10px;
    margin-bottom: 0px;
    cursor: default;
}

#how_it_works_question_mark {
    position: relative;
    top: 2px;
    left: 2px;
}

#how_it_works_div {
    padding-bottom: 10px;
}

#top_left_save_progress_button_holder {
    height: 27px;
}

#subcategory_page_wrap {
    min-width: 890px;
    margin: 0px auto;
    width: 60%;
    max-width: 960px;
    width: 83%;
}

#subcategory_page_left_panel {
    float: left;
    width: 290px;
    padding: 0px;
    margin-top: 170px;
    margin-bottom: 130px;
    background-color: #F3F3FF;
    border: 7px solid rgb(105,105,205);
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}

#subcategory_page_create_promo {
    padding-top: 30px;
    padding-bottom: 48px;
    background-color: #FFFFF1;
}

#subcategory_page_create_label {
    font-size: 18px;
    line-height: 1em;
    font-style: italic;
    padding-left: 20px;
    padding-right: 20px;
}

#subcategory_page_left_button_holder {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#subcategory_page_left_button {
    float: none;
    margin-left: 85px;
    font-size: 12px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#subcategory_page_left_category_holder, #subcategory_page_left_subcategory_holder {
    border-top: 7px solid rgb(105,105,205);
}

#subcategory_page_left_category_list, #subcategory_page_left_subcategory_list {
    padding-bottom: 48px;
    background-color: #F3F3FF;
    background-image: -o-linear-gradient(bottom, #CFCFFF 2px, #F3F3FF 8px, #F3F3FF 100%);
    background-image: -moz-linear-gradient(bottom, #CFCFFF 2px, #F3F3FF 8px, #F3F3FF 100%);
    background-image: -webkit-linear-gradient(bottom, #CFCFFF 2px, #F3F3FF, 8px #F3F3FF 100%);
    background-image: -ms-linear-gradient(bottom, #CFCFFF 2px, #F3F3FF 8px, #F3F3FF 100%);
    background-image: linear-gradient(to bottom, #CFCFFF 2px, #F3F3FF 8px, #F3F3FF 100%);
    padding-top: 8px;
}

#subcategory_page_left_category_title, #subcategory_page_left_subcategory_title {
    font-size: 20px;
    line-height: 1.2em;
    /* margin-top: 48px; */
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 7px;
    background-color: #CFCFFF;
}

#subcategory_page_left_category_list div, #subcategory_page_left_subcategory_list div {
    font-size: 18px;
    line-height: 1em;
    padding-top: 13px;
    padding-bottom: 5px;
    font-style: italic;
    padding-left: 20px;
    padding-right: 20px;
}

#subcategory_page_left_category_title a:link, #subcategory_page_left_subcategory_title a:link, #subcategory_page_left_category_list a:link, #subcategory_page_left_subcategory_list a:link {
    color: #0000EE;
}

#subcategory_page_left_category_title a:visited, #subcategory_page_left_subcategory_title a:visited, #subcategory_page_left_category_list a:visited, #subcategory_page_left_subcategory_list a:visited {
    color: #551A8B;
}

#subcategory_page_right_panel {
    float: right;
    width: 550px;
    margin-bottom: 130px;
}

#subcategory_page_main_header {
    font-size: 36px;
    line-height: 1em;
    padding-top: 60px;
    padding-bottom: 20px;
    cursor: default;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
}

#subcategory_page_top_paragraph, #subcategory_page_second_paragraph, #solve_online_top_paragraph, #solve_online_second_paragraph, #subcategory_page_third_paragraph {
    font-size: 16px;
    line-height: 1.4em;
}

#subcategory_page_right_panel a:link, #subcategory_page_bookmark {
    color: #0000EE;
}

#subcategory_page_bookmark {
    cursor: pointer;
}

#subcategory_page_right_panel a:visited {
    color: #551A8B;
}

#subcategory_page_disclaimer {
    font-size: 13px;
    line-height: 1.2em;
    color: rgb(100,100,100);
}

#subcategory_page_puzzle_top_holder {
    padding-top: 20px;
    width: 528px;
    clear: both;
    margin: 0px auto;
}

    #subcategory_page_puzzle_top_holder div {
        width: 166px;
        float: left;
        clear: none;
        text-align: center;
        height: 68px;
        font-size: 14px;
        overflow-y: hidden;
        padding: 5px;
        line-height: 1.2em;
    }

#subcategory_page_after_table {
    clear: both;
    padding-top: 25px;
    font-size: 18px;
    font-style: italic;
    line-height: 1.2em;
    padding-bottom: 10px;
}

#subcategory_page_save_label, #subcategory_page_share_label, #subcategory_page_email_label {
    font-weight: bold;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 5px;
    clear: both;
    line-height: 1em;
}

#subcategory_page_bookmark, #subcategory_page_email_url {
    font-size: 14px;
}

#subcategory_page_privacy_label {
    clear: both;
    font-weight: bold;
    font-size: 20px;
    padding-top: 30px;
    line-height: 1em;
}

#subcategory_page_privacy_p {
    margin-top: 0px;
    font-size: 16px;
    padding-top: 5px;
}

#subcategory_page_keyword_label {
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 25px;
}

#subcategory_page_keywords_top_holder {
    width: 528px;
    clear: both;
    margin: 0px auto;
}

    #subcategory_page_keywords_top_holder div {
        padding: 5px;
        width: 122px;
        height: 30px;
        text-align: center;
        font-size: 12px;
        line-height: 1.2em;
        clear: none;
        float: left;
        overflow-y: hidden;
    }

#subcategory_page_button_holder {
    clear: both;
    width: 100%;
    height: 85px;
}

#subcategory_page_word_search_button {
    float: right;
    margin-right: 45px;
    margin-top: 18px;
    font-size: 16px;
    width: 200px;
    height: 50px;
}

#subcategory_page_crossword_button {
    float: left;
    margin-left: 45px;
    margin-top: 18px;
    font-size: 16px;
    width: 200px;
    height: 50px;
}

#solve_online_wrap {
    width: 650px;
    margin: 0px auto;
}

#solve_online_h1 {
    font-size: 36px;
    line-height: 1em;
    padding-top: 30px;
}

#solve_online_h2 {
    font-size: 20px;
    font-style: italic;
    line-height: 1em;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 40px;
}

#solve_online_login_prompt {
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}

#solve_online_login, #solve_online_signup {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

#solve_online_filters_blocker {
    position: absolute;
    width: 650px;
    height: 80px;
}

.solve_online_filters {
    float: left;
    width: 216px;
    clear: none;
}

    .solve_online_filters label {
        width: 180px;
        clear: left;
        cursor: pointer;
    }

#solve_online_puzzles_section a:link {
    color: #0000EE;
}

#solve_online_puzzles_section a:visited {
    color: #551A8B;
}

.solve_online_difficulty_label {
    font-size: 24px;
    line-height: 1em;
    padding-top: 20px;
    padding-bottom: 10px;
}

.solve_online_puzzle_div {
    font-size: 14px;
    line-height: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.puzzle_rating_stars {
    display: inline-block;
    padding-left: 5px;
}

#subcategory_page_puzzle_top_holder .puzzle_rating_stars {
    display: block;
    clear: both;
    padding-left: 0px;
    font-size: 12px;
    line-height: 19px;
}

.full_star, .empty_star, .half_star {
    color: #808080;
    display: inline-block;
    font-family: courier, monospace;
    width: 14px;
    font-size: 14px;
}

    .full_star:before, .empty_star:before, .half_star:before {
        content: '\2605';
        width: 14px;
        display: inline-block;
    }

.full_star {
    color: rgb(255,165,0);
}

.empty_star {
    color: #808080;
}

.half_star:after {
    content: '\2605';
    color: rgb(255,165,0);
    position: absolute;
    margin-left: -14px;
    width: 6px;
    overflow: hidden;
}

#subcategory_page_puzzle_top_holder .half_star:after {
    /*No idea why this adjustment needed, but seems to work in all browsers*/
    margin-left: -13px;
}

#solve_online_filters_holder {
    clear: both;
    width: 100%;
}


#solve_online_puzzles_section {
    clear: both;
    padding-top: 20px;
}

#browse_wrap {
    width: 650px;
    margin: 0px auto;
}

#browse_main_header {
    font-size: 40px;
    line-height: 1em;
    margin-top: 70px;
    margin-bottom: 50px;
}

#browse_top_text_holder p {
    font-size: 16px;
    clear: both;
}

#browsing_share_holder {
    height: 25px;
    padding-bottom: 25px;
}

#browse_wrap #browsing_share_holder {
    padding-bottom: 0px;
}

p#browse_make_your_own {
    font-size: 24px;
    font-style: italic;
    margin-bottom: 0px;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

#browse_button_holder {
    height: 90px;
}

#browse_word_search_button {
    float: right;
    margin-right: 65px;
    margin-top: 18px;
    font-size: 16px;
    width: 225px;
    height: 50px;
}

#browse_crossword_button {
    float: left;
    margin-left: 65px;
    margin-top: 18px;
    font-size: 16px;
    width: 225px;
    height: 50px;
}

#browse_links_holder a:link {
    color: #0000EE;
}

#browse_links_holder a:visited {
    color: #551A8B;
}

.browse_category_div {
    clear: both;
    margin-top: 40px;
    -webkit-border-radius: 40px 40px 0px 0px;
    -moz-border-radius: 40px 40px 0px 0px;
    border-radius: 40px 40px 0px 0px;
    background-color: rgb(225,225,225);
    border: 1px solid black;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}

.browse_category_label_div {
    font-size: 30px;
    text-align: center;
    line-height: 1em;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 40px 40px 0px 0px;
    background-color: #F3F3FF;
    background-image: -o-linear-gradient(bottom, #6666CC 0px, #CFCFFF 10px, #CFCFFF 100%);
    background-image: -moz-linear-gradient(bottom, #6666CC 0px, #CFCFFF 10px, #CFCFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #6666CC 0px, #CFCFFF 10px, #CFCFFF 100%);
    background-image: -ms-linear-gradient(bottom, #6666CC 0px, #CFCFFF 10px, #CFCFFF 100%);
    background-image: linear-gradient(to bottom, #6666CC 0px, #CFCFFF 10px, #CFCFFF 100%);
}

.browse_subcategory_div {
    padding: 12px;
    display: inline-block;
    width: 192px;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    clear: none;
    text-align: center;
}

.browse_subcategories_holder {
    padding-bottom: 20px;
    padding-top: 10px;
    background-color: #F3F3FF;
}

#browse_all_puzzles_link_text {
    margin-top: 100px;
    font-size: 24px;
}

    #browse_all_puzzles_link_text a:link, #browse_top_text_holder a:link {
        color: #0000EE;
    }

    #browse_all_puzzles_link_text a:visited, #browse_top_text_holder a:visited {
        color: #551A8B;
    }

#all_puzzles_wrap {
    width: 600px;
    margin: 0px auto;
}

#all_puzzles_main_header {
    margin: 0;
    font-size: 30px;
    margin-top: 60px;
    line-height: 1em;
    margin-bottom: 30px;
}

#all_puzzles_wrap a:link {
    color: #0000EE;
}

#all_puzzles_wrap a:visited {
    color: #551A8B;
}

#all_puzzles_top_text_holder {
    font-size: 16px;
    margin-bottom: 20px;
}

#all_puzzles_output div {
    font-size: 14px;
    line-height: 1.5em;
}

.header_button:active, .submit:active {
    -webkit-box-shadow: #B4B5B5 0px 0px 0px;
    -moz-box-shadow: #B4B5B5 0px 0px 0px;
    box-shadow: #B4B5B5 0px 0px 0px;
}

#print_word_list_holder {
    display: none;
    page-break-inside: avoid;
    width: 100%;
    clear: both;
}

#print_word_list_label {
    text-decoration: underline;
    font-size: 18px;
    padding-top: 2em;
    padding-bottom: 0.5em;
    text-align: center;
}

#print_word_list_words {
    font-size: 16px;
}

.print_word_div {
    padding-top: 0.5em;
    line-height: 1em;
}

.print_word_column {
    float: left;
    clear: none;
}

.print_columns3 {
    width: 33.3%;
}

.print_columns4 {
    width: 25%;
}

#puzzle_extra_formats_holder {
    display: none;
}

.simple_puzzle_body #puzzle_extra_formats_holder {
    display: block;
}

div#puzzle_extra_formats_background_holder {
    clear: left;
    /* width: 100px; */
    float: left;
    /* padding-top: 20px; */
    width: 140px;
    padding-left: 15px;
}

div#puzzle_extra_formats_size_holder {
    clear: right;
    width: 80px;
    float: left;
    padding-top: 20px;
}

div#puzzle_extra_formats_background_label, div#puzzle_extra_formats_size_label {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    padding-bottom: 4px;
}

div#puzzle_extra_formats_background_holder, div#puzzle_extra_formats_size_holder {
    /* width: 110px; */
    padding-top: 20px;
}

input[type="radio"].puzzle_extra_formats_background_radio, input[type="radio"].puzzle_extra_formats_size_radio {
    clear: left;
    float: left;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 3px;
}

label.puzzle_extra_formats_background_radio_label, label.puzzle_extra_formats_size_radio_label {
    display: inline-block;
    clear: right;
    float: left;
    font-size: 14px;
    line-height: 1em;
    padding-top: 3px;
    font-weight: normal;
    text-align: left;
    width: auto;
    margin-top: 0px;
}

img#background_color_question_mark, img#print_size_question_mark {
    position: relative;
    top: 2px;
    left: 3px;
}


#my_account_content_holder {
    width: 850px;
    margin: 20px auto 60px;
    min-height: 550px;
}

#past_payment_holder {
    width: 500px;
    margin: 20px auto 0px;
}

.past_payment_line {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 1em;
    clear: both;
    width: 100%;
    overflow-x: visible;
}

    .past_payment_line div {
        float: left;
        clear: none;
    }

.past_payment_amount {
    width: 55px;
    padding-right: 15px;
    text-align: right;
    overflow-x: visible;
}

.past_payment_date {
    width: 92px;
}

.past_payment_card_type {
    text-transform: capitalize;
    width: 90px;
}

.receipt_card_type {
    text-transform: capitalize;
}

.receipt_template {
    font-size: 16px;
    line-height: 1.2em;
}

.past_payment_card_last_four {
    width: 143px;
}

.past_payment_view_receipt, #upcoming_payment_change_card, #upcoming_payment_cancel {
    color: rgb(100,100,255);
    font-weight: bold;
    cursor: pointer;
}

    .past_payment_view_receipt:hover, #upcoming_payment_change_card:hover, #upcoming_payment_cancel:hover {
        text-decoration: underline;
    }

.my_account_payment_label {
    font-size: 20px;
    line-height: 1.5em;
    padding-top: 30px;
    padding-bottom: 20px;
}

#upcoming_payment_cancel {
    margin-left: 15px;
}

#my_account_header {
    font-size: 40px;
    line-height: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
}

#unlimited_terms {
    font-size: 16px;
    line-height: 1.3em;
}

#new_membership_button {
    float: left;
    padding: 10px 20px 10px;
    height: auto;
    font-size: 16px;
    margin: 40px auto 20px;
    margin-left: 330px;
}

#my_account_buy_single {
    clear: both;
    font-size: 16px;
    padding-bottom: 30px;
    text-align: center;
    color: rgb(100,100,100);
}

#upcoming_payment_line {
    width: 700px;
}

#month_credit_explainer {
    font-size: 16px;
    line-height: 1em;
    padding-bottom: 10px;
    padding-left: 16px;
    font-style: italic;
    color: rgb(0,150,0);
}

#cancel_line2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.credit_zero_dollar_amount {
    color: rgb(0,150,0);
    font-weight: bold;
}

.upgrade_plan_button {
    float: left;
    clear: none;
    margin: 0px;
}

.upgrade_plan_explainer {
    float: left;
    clear: none;
    margin-left: 15px;
    font-size: 15px;
    font-style: italic;
    line-height: 1em;
    padding-top: 4px;
    max-width: 705px;
}

.upgrade_line_holder {
    padding-top: 15px;
    height: 30px;
}

#upgrade_to_joint_holder {
    padding-top: 70px;
    padding-bottom: 30px;
}

#upgrade_to_joint_explainer {
    position: relative;
    top: -11px;
    line-height: 1.4em;
    font-size: 16px;
}


@media print {

    @page {
        size: auto; /* auto is the initial value */
        /* this affects the margin in the printer settings */
        margin: 15mm 25mm 15mm 25mm;
    }

    body {
        background-color: white !important;
        min-width: 0px !important;
        min-height: 0px !important;
        width: auto !important;
        height: auto !important;
        margin: 0px auto !important;
        float: none !important;
        padding: 0px !important;
    }

    .zoom_150 {
        zoom: 150%;
    }

    .zoom_200 {
        zoom: 200%;
    }

    .simple_puzzle_body #puzzle_grid {
        background-color: rgb(220,220,220);
    }

        .simple_puzzle_body #puzzle_grid.puzzle_background_white {
            background-color: white;
        }

        .simple_puzzle_body #puzzle_grid.puzzle_background_black {
            background-color: black;
        }

    #bkgd_force, #spacer1, #spacer2, #output_attachment_link, .noscript_text, #standards_radio_holder, .standards_radio_holder, .none_from_print, #solve_left_panel, #completion_overlay, #social_share_holder, .puzzle_header_blank {
        display: none !important;
    }

    .button_holder_holder_edit, .attachment_button_holder_edit, #output_add_attachment, .lesson_left_section, .hidden_from_print, .unit_left_section {
        visibility: hidden !important;
    }

    /*Unfortunately not widely supported, but seems to be supported by pdf third party which is good*/
    .output_module, .unit_assessment, .unit_lesson {
        page-break-inside: avoid;
    }

    #print_logo {
        margin-top: 0px !important;
    }

    .clues_holder {
        overflow-y: visible !important;
        padding: 0px !important;
        margin: 0px !important;
        height: auto !important;
        width: 100% !important;
    }

    #title_holder {
        margin: 0px !important;
        padding: 0px !important;
    }

    #puzzle_info_holder {
        float: right !important;
        margin: 0px !important;
        padding: 0px !important;
        width: auto !important;
    }

    #puzzle_grid_holder {
        width: 750px !important;
        margin: 0px auto 20px !important;
        clear: both !important;
        float: none !important;
    }

    #puzzle_grid {
        float: none !important;
        margin: 0px auto !important;
    }

    .zoom_150 #puzzle_grid_holder, .zoom_200 #puzzle_grid_holder {
        margin: 0px 0px 20px 0px !important;
    }

    .zoom_150 #puzzle_grid, .zoom_200 #puzzle_grid {
        margin: 0px !important;
    }

    .clue_holder {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        font-size: 12pt !important;
        float: none !important;
    }

    .clue_text {
        font-size: 12pt !important;
        width: 160px !important;
    }

    .simple_puzzle_body div.clue_holder {
        padding-top: 3px !important;
        padding-bottom: 0px !important;
        font-size: 12pt !important;
        line-height: 14pt !important;
        margin: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
    }

    #clue_holder {
        clear: both !important;
        margin: 0px !important;
        width: 100% !important;
        padding: 0px !important;
        height: auto !important;
    }

    #print_word_list_holder.show_word_list {
        display: block;
    }

    .simple_puzzle_body div.direction_clue_holder {
        width: 48% !important;
        padding: 0px !important;
        margin: 0px !important;
        height: auto !important;
    }

    .simple_puzzle_body #down_clue_holder {
        float: right !important;
    }

    .simple_puzzle_body div.clue_text {
        font-size: 12pt !important;
        line-height: 14pt !important;
        width: 92% !important;
        padding-left: 8% !important;
        clear: right !important;
    }

    .simple_puzzle_body div.clue_number {
        font-size: 12pt !important;
        line-height: 14pt !important;
        width: 6% !important;
    }

    .simple_puzzle_body div.clue_header {
        font-size: 18px !important;
        height: 22px !important;
        text-align: left !important;
        width: auto !important;
        padding-left: 8% !important;
    }

    .direction_clue_holder {
        border: none !important;
    }

    table {
        /*fixes black square printing on Chrome/Safari*/
        -webkit-print-color-adjust: exact;
    }

    .standard_puzzle_body .black_square {
        /*fixes black square printing on FF*/
        box-shadow: inset 0 0 0 1000px black;
        background-image: url("black.png");
        background-repeat: repeat;
    }

    #dir_pointer_holder_holder {
        display: none;
    }

    .simple_puzzle_body .cell_char {
        box-shadow: none !important;
    }

    .simple_puzzle_body .puzzle_cell {
        outline: 1px solid black;
    }

    .simple_puzzle_body .black_square {
        outline: none;
    }
}