/****************************************************
* Basic Site Stylings
****************************************************/
body {
    background-color: #FFF;
    font-size: 11pt;
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #444;
    background-image: url('images/bg-squares.png');
    background-position: center top;
    background-repeat: repeat-y;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #3366CC;
}

img {
    border: 0;
}

button {
    background-color: transparent;
}

/****************************************************
* Headings Styling
****************************************************/
h1, h2, h3, h4, h5, h6 {
    font-family: Trebuchet MS;
}

h1 {
    margin-top: 0;
}

h2 {
    font-size: 20px;
    margin-top: 0;
}

h3 {
    font-size: 28pt;
    text-transform: uppercase;
    font-weight: normal;
    margin: 4px;
}

h4 {
    color: #635D5D;
    margin: 2px;
    font-size: 12pt;
    display: inline;
}

h5 {
    font-size: 12pt;
}

h6 {
    color: white;
    font-size: 12pt;
    font-style: normal;
    font-family: Tahoma, 'Times New Roman';
    margin: 10px 0;
}

/****************************************************
* Primary Stylings
****************************************************/
#page {
    width: 944px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    position: relative;
}

header {
    padding: 10px;
}

#title {
    background-image: url('images/boxlight-logo.png');
    background-repeat: no-repeat;
    height: 43px;
    width: 191px;
    float: left;
}

    #title h1 {
        display: none;
    }

#login {
    height: 53px;
    text-align: right;
}

#Tag {
    width: 270px;
    margin: 20px 0;
    text-align: center;
    font-style: italic;
}

    #Tag h2 {
        font-size: 24pt;
        font-weight: bold;
    }

#content {
}

#Main-Content {
}

#content,
#topmenu.menu {
    background-color: transparent;
}

#contribute-logo {
    background-image: url('images/mimio-contribute-logo.png');
    text-indent: -9999px;
    width: 204px;
    height: 22px;
    margin: 0 auto;
}

#copyright {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

h6 a:link,
h6 a:visited,
h6 a:hover,
h6 a:active {
    color: #888;
    text-decoration: none;
}

#Message-Div {
    position: fixed;
    right: 15px;
    top: 15px;
    color: white;
    z-index: 1000;
}

    #Message-Div .message {
        background-color: green;
        padding: 10px 20px;
        display: none;
        border-radius: 4px;
        margin-bottom: 10px;
    }

        #Message-Div .message.info {
            background-color: #917400;
        }

        #Message-Div .message.error {
            background-color: #AB4D4F;
        }

/****************************************************
* Account/Login Stylings
****************************************************/
#login-anchor {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color: #006ca8;
}

#Account-Overview,
#Account-Actions {
    padding: 10px;
}

#Account-Overview {
    border-bottom: 1px solid #888;
}

    #Account-Overview .label {
        display: inline-block;
        width: 100px;
        font-weight: bold;
        height: 25px;
    }

/****************************************************
* Menu Stylings
****************************************************/
#topmenu {
    border: 1px solid #BBB;
}

    #topmenu ul {
        margin: 0;
        padding-left: 290px;
        background-color: #F4F4F4;
    }

    #topmenu li:first-child {
        background-image: none;
    }

        #topmenu li:first-child div {
        }

    #topmenu li {
        display: inline-block;
        background-image: url(http://static.mydigicore.com/i/w/menu_line.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    #topmenu a {
        text-decoration: none;
        color: #f5802e;
        font-weight: bold;
        font-size: 10pt;
    }

        #topmenu a:hover {
            color: #b62429;
        }

        #topmenu a.current {
            color: #b62429;
        }

    #topmenu div {
        padding-top: 20px;
        padding-left: 35px;
        padding-right: 0px;
        text-align: center;
        vertical-align: middle;
        height: 45px;
        text-transform: uppercase;
        width: 90px;
        line-height: 15px;
    }

        #topmenu div:first-line {
            font-size: 16pt;
            font-weight: 600;
        }

#submenu {
}

    #submenu ul {
        margin: 0;
        padding: 0;
    }

    #submenu li {
        list-style: none;
        display: inline;
    }

    #submenu a {
        background-color: #006ca8;
        color: #FFF;
        text-align: center;
        font-weight: bold;
        font-size: 11pt;
        text-decoration: none;
        line-height: 35px;
        width: 236px;
        display: inline-block;
        margin-right: -5px;
    }

    #submenu .current {
        background-color: #007dc2;
    }

/****************************************************
* Form Stylings
****************************************************/
form {
}

fieldset {
    border: 1px solid #666;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
}

textarea {
    min-height: 75px;
    width: 430px;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 10pt;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 9pt;
    color: #333;
}

#Submit {
    background-image: url(http://static.mydigicore.com/i/w/buttonbg.png);
    width: 56px;
    height: 26px;
    margin: 10px auto;
    display: block;
    border: 1px solid #555;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    #Submit:hover {
        background-position: -475px -27px;
    }

    #Submit:active {
        background-position: -475px -54px;
    }

.italics {
    font-style: italic;
}

.section-title {
    color: #cd3c3b;
    font-size: 11pt;
    font-weight: bold;
    margin: 10px 0;
}

.label-field {
    font-weight: bold;
}

.validate-field {
    margin-bottom: 5px;
}

input.name {
    width: 250px;
}

input.zip {
    width: 100px;
}

/****************************************************
* Validation Helper Stylings
****************************************************/
.field-validation-error {
    color: #ffcccc;
    display: block;
    font-size: 13px;
}

.field-validation-valid {
    display: none;
}

.input-validation-error,
#LoginSection .input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

.validation-summary-valid {
    display: none;
}

/****************************************************
* Page Layout Stylings
****************************************************/
img.float-right {
    float: right;
    margin-left: 10px;
}

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

.important {
    color: #AB4D4F;
    font-weight: bold;
}

/****************************************************
* Footer Layout Stylings
****************************************************/
footer {
    background-color: #EEE;
    border-radius: 4px;
    margin: 10px 0;
    padding: 5px;
    color: #635d5d;
    font-size: 10pt;
}

    footer div {
        padding: 5px;
    }

    footer ul {
        margin: 0;
        padding: 0;
    }

    footer li {
        list-style: none;
        display: inline-block;
        margin: 0 5px;
        text-align: left;
        vertical-align: top;
    }

        footer li ul li {
            display: list-item;
            margin: 0;
        }

    footer p {
        margin: 0;
    }

.site-map a {
    color: #635d5d;
    font-weight: bold;
    text-decoration: none;
}

    .site-map a:hover {
        text-decoration: underline;
    }

.site-map li ul li a {
    font-weight: normal;
}

/****************************************************
* Page Stylings
****************************************************/
.rightcol {
    margin-left: 274px;
    font-size: 10pt;
    border: 1px solid #006ca8;
    border-radius: 4px;
    width: 650px;
    z-index: 0;
    background-color: #e6e2d7;
    position: relative;
}

    .rightcol.padding {
        padding: 10px 20px;
        width: 610px;
    }

.leftcol {
    float: left;
    width: 275px;
    height: inherit;
    clear: both;
}

h3.rightcol {
    border: 0;
    background-color: inherit;
    font-size: 14pt;
    text-transform: uppercase;
    color: #CD3C3B;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0;
}


/****************************************************
* Feedback Stylings
****************************************************/
#feedback-button {
    background-image: url(http://static.mydigicore.com/i/w/feedback.png);
    width: 34px;
    height: 141px;
    position: fixed;
    top: 200px;
    right: 0;
}

    #feedback-button a div {
        width: 100%;
        height: 100%;
    }

/****************************************************
* Quotes Stylings
****************************************************/
#slider {
    position: absolute;
    top: 120px;
    right: 0;
    padding-top: 5px;
    padding-right: 25px;
    text-align: right;
    overflow: hidden;
    font-size: 10pt;
}

#mask-gallery {
    overflow: hidden;
}

#gallery {
    background-image: url(http://static.mydigicore.com/i/w/quotes_open.png);
    background-repeat: no-repeat;
    background-position: left top;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 40px;
    z-index: 0;
    overflow: hidden;
    font-family: Tahoma, Verdana, helvetica,sans-serif;
}

    #gallery li {
        max-width: 660px;
        background-image: url(http://static.mydigicore.com/i/w/quotes_close.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 40px;
        display: none;
    }

/****************************************************
* Home Page Stylings
****************************************************/
#catch {
    background-position: 0 -59px;
    height: 275px;
    width: 947px;
    text-align: center;
    position: relative;
    padding: 10px 88px 0px 88px;
    left: -105px;
}

#action-block {
    position: absolute;
    height: 200px;
    top: 69px;
    right: 88px;
    text-align: left;
}

    #action-block a,
    .banner {
        color: #FFF;
        text-decoration: none;
    }

    #action-block div {
        font-size: 14pt;
        width: 288px;
    }

.mimio.banner {
    background-image: url(http://static.mydigicore.com/i/w/verticalbannerMS.png);
    background-color: #5a296b;
}

.desmos.banner {
    background-image: url(http://static.mydigicore.com/i/w/verticalbannerO.png);
    background-color: #339999;
    color: #4D4D4D;
}

#banner-slide {
    width: 350px;
    position: absolute;
    right: 125px;
}

#Prezi {
    width: 421px;
    position: relative;
    padding: 4px 4px;
    background-color: #888;
    margin: 5px 0 5px 15px;
}

.get-started-icon {
    display: block;
    position: absolute;
    top: 318px;
    right: 257px;
    width: 184px;
    height: 50px;
    z-index: 30;
}

.samples-link {
    display: block;
    position: absolute;
    z-index: 30;
    width: 70px;
    height: 15px;
    top: 326px;
    right: 183px;
}

.banner {
    height: 369px;
    width: 364px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 12px;
    border-radius: 10px;
}

    .banner ul {
        text-align: left;
        padding-top: 75px;
        padding-left: 85px;
        color: #FFF;
    }

#img_slider {
    margin-left: 400px;
    margin-top: 10px;
}

#learn_how {
    float: left;
    Width: 385px;
    text-align: center;
    margin: 30px 10px 20px 10px;
    font-family: Tahoma, Verdana, helvetica, sans-serif;
    color: #444;
    font-size: 14pt;
}

#marketing {
    background-image: url(http://static.mydigicore.com/i/w/4_Home_Links.png);
    position: relative;
    margin-left: -15px;
    width: 944px;
    height: 164px;
    font-size: 13pt;
}

    #marketing .blurb {
        width: 125px;
        height: 172px;
        color: #000;
        position: absolute;
        padding: 20px 20px;
    }

    #marketing #mimio {
        top: 0;
        left: -10px;
    }

    #marketing #cls {
        top: 0;
        left: 235px;
    }

    #marketing #lessons {
        top: 0;
        left: 478px;
    }

    #marketing #talk {
        top: 0;
        left: 720px;
    }

    #marketing a {
        text-transform: uppercase;
        font-weight: bold;
        position: absolute;
        bottom: 60px;
        font-size: 11pt;
    }

#bar {
    position: absolute;
    top: 137px;
    left: 18px;
}

    #bar a {
        display: inline-block;
        font-size: 14pt;
        line-height: 1.35;
        width: 147px;
        text-align: center;
        margin-right: 14px;
        vertical-align: middle;
        margin-left: 61px;
    }

        #bar a:hover h4 {
            text-decoration: underline;
        }

/****************************************************
* General Page Stylings
****************************************************/
#content p {
    margin: 0;
    padding: 5px;
}

#Left-Column,
#Middle-Column,
#Right-Column {
    display: inline-block;
    vertical-align: top;
}

#Left-Column {
    width: 195px;
    text-align: right;
}

    #Left-Column h3 {
        font-weight: bold;
        color: #635D5D;
        line-height: 12px;
        font-size: 32pt;
    }

    #Left-Column h4 {
        text-transform: uppercase;
        font-size: 18pt;
    }

#Middle-Column {
    width: 469px;
    margin-left: 10px;
    min-height: 300px;
}

    /*#Middle-Column > div {
        border: 1px solid #CCC;
        border-radius: 4px;
        background-color: #EEE;
        padding: 5px;
        margin-bottom: 10px;
    }*/

    #Middle-Column form {
        margin-left: 40px;
        margin-right: 62px;
        padding: 15px 0;
    }

#Right-Column {
    margin-left: 10px;
    width: 220px;
}

    #Right-Column p {
        min-height: 0;
    }

#Left-Column .register {
    padding: 10px 5px;
    width: 180px;
}

#Right-Column .register {
    padding: 10px 5px;
    width: 180px;
}

#Right-Column h4 {
    display: block;
    margin-bottom: 5px;
}

.why-icon {
    background: url(http://static.mydigicore.com/i/w/icons.png) 0 0;
    width: 72px;
    height: 72px;
    margin-left: 120px;
}

    .why-icon:hover {
        background-position: 0 -73px;
        cursor: pointer;
    }

    .why-icon:active {
        background-position: 0 -146px;
    }

.why {
    display: none;
}

.icon {
    min-height: 72px;
}

    .icon a div {
        background-image: url(http://static.mydigicore.com/i/w/icons.png);
        float: left;
        width: 100px;
        height: 72px;
        margin: 0 10px;
    }

#educators-icon {
    background-position: -73px 0px;
}

#developers-icon {
    background-position: -73px -73px;
}

#integrators-icon {
    background-position: -73px -146px;
}

#develop-icon {
    background-position: -146px 0px;
}

#create-icon {
    background-position: -146px -73px;
}

#increase-icon {
    background-position: -146px -146px;
}

#search-icon {
    background-position: -219px 0px;
}

#organize-icon {
    background-position: -219px -73px;
}

#embedded-icon {
    background-position: -219px -146px;
}

#contact-icon {
    background-position: -292px 0px;
}

#question-icon {
    background-position: -292px -73px;
}

#support-icon {
    background-position: -292px -146px;
}

#Get-Started {
    background-image: url(http://static.mydigicore.com/i/w/gs.png);
    background-position: 0px -100px;
    width: 217px;
    height: 100px;
    margin: 15px auto;
}

#Social-Links {
    position: absolute;
    top: 0;
    left: 300px;
    margin-top: 12px;
}

    #Social-Links a {
        text-decoration: none;
    }

/****************************************************
* Talk with us Page Stylings
****************************************************/
.support-info {
    padding: 10px;
    background-color: #BADDD1;
    border-radius: 4px;
}

#Right-Column .support-info p {
    margin: 0;
}

    #Right-Column .support-info p.sub {
        margin-left: 10px;
        margin-bottom: 10px;
    }

/****************************************************
* Stylings
****************************************************/
.emp-list {
    padding-left: 0;
    margin: 0;
}

    .emp-list li {
        list-style: none;
        margin: 0 20px;
        padding: 10px 0;
        border-top: 1px solid #AAA;
    }

        .emp-list li:first-child {
            border: 0;
        }

/****************************************************
* Misc Stylings
****************************************************/
.indent {
    margin-left: 20px;
}

/****************************************************
* Who We Are Page Stylings
****************************************************/
#WhoWeAre {
    background-color: #BADDD1;
    width: 195px;
    border: 1px solid #888;
}

/****************************************************
* We Are Developers Page Stylings
****************************************************/
#WeAreDevelopers {
    background-image: url(/Content/images/wearedevelopers.png);
    width: 195px;
    height: 290px;
    border: 1px solid #888;
}

/****************************************************
* We Are Educators Page Stylings
****************************************************/
#WeAreEducators {
    background-image: url(/Content/images/weareeducators.png);
    width: 195px;
    height: 282px;
    border: 1px solid #888;
}

/****************************************************
* We Are Integrators Page Stylings
****************************************************/
#WeAreIntegrators {
    background-image: url(/Content/images/weareintegrators.png);
    width: 195px;
    height: 286px;
    border: 1px solid #888;
}

/****************************************************
* We Create Page Stylings
****************************************************/
#WeCreate {
    background-image: url(http://static.mydigicore.com/i/w/raising_hands.jpg);
    width: 195px;
    height: 292px;
    border: 1px solid #888;
}

/****************************************************
* We Increase Page Stylings
****************************************************/
#WeIncrease {
    background-image: url(http://static.mydigicore.com/i/w/raising_hands.jpg);
    width: 195px;
    height: 292px;
    border: 1px solid #888;
}

/****************************************************
* Easily Accessible Page Stylings
****************************************************/
#EasilyAccessible {
    background-image: url(http://static.mydigicore.com/i/w/search_results.png);
    width: 195px;
    height: 287px;
    border: 1px solid #888;
}

/****************************************************
* myQueue Page Stylings
****************************************************/
#myQueue {
    background-image: url(/Content/images/myqueue.png);
    width: 195px;
    height: 162px;
    border: 1px solid #888;
}

/****************************************************
* How It Works Page Stylings
****************************************************/
#HowItWorks {
    background-image: url(http://static.mydigicore.com/i/w/howitworks.png);
    width: 195px;
    height: 300px;
    border: 1px solid #888;
}

/****************************************************
* Seamlessly Integrated Page Stylings
****************************************************/
#SeamlesslyIntegrated {
    background-image: url(/Content/images/SeamlesslyIntegrated.png);
    width: 195px;
    height: 292px;
    border: 1px solid #888;
}

/****************************************************
* We Develop Page Stylings
****************************************************/
#WeDevelop {
    background-image: url(/Content/images/wedevelop.png);
    width: 195px;
    height: 260px;
    border: 1px solid #888;
}

/****************************************************
* What We Do Page Stylings
****************************************************/
#WhatWeDo {
    background-image: url(/Content/images/whatwedo.png);
    width: 195px;
    height: 292px;
    border: 1px solid #888;
}

/****************************************************
* Login Stylings
****************************************************/
#LoginSection {
    background-color: #006ca8;
    color: #FFF;
    width: 700px;
    border-radius: 8px;
    margin: 0 auto;
}

    #LoginSection form {
        margin-left: 40px;
        margin-right: 62px;
        padding: 15px 0;
    }

    #LoginSection input[type="text"],
    #LoginSection input[type="password"] {
        width: 100%;
        height: 30px;
        margin-bottom: 15px;
        font-size: 14pt;
        padding: 5px 10px;
    }

    #LoginSection input[type="checkbox"] {
        height: 21px;
        width: 21px;
        margin: 0;
    }

    #LoginSection label {
        display: block;
        margin-bottom: 15px;
        font-weight: 500;
        font-size: 14pt;
        letter-spacing: .8px;
    }

    #LoginSection a {
        color: #FFF;
    }

        #LoginSection a:hover {
            color: #BBB;
        }


/****************************************************
* Sample Page Stylings
****************************************************/
.sample-icon {
    float: left;
    cursor: pointer;
    margin: 10px;
    clear: both;
}

    .sample-icon img {
        width: 150px;
    }

.sample-details {
    min-height: 115px;
}

#Background-Div,
.desmos-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#Background-Div {
    display: none;
    opacity: .7;
    z-index: 100;
    background-color: #000;
}

.desmos-div {
    z-index: 150;
}

    .desmos-div div {
        width: 800px;
        margin: 50px auto;
        overflow: hidden;
        z-index: 200;
        position: relative;
        padding-top: 24px;
    }

#desmos-frame {
    margin-left: -33px;
    width: 800px;
    height: 600px;
}

#close-online {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 10px;
    right: 15px;
    background-image: url(http://static.mydigicore.com/i/w/close.png);
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.Content-Header {
    font-weight: bold;
    font-style: normal;
}

/****************************************************
* Header Stylings
****************************************************/
#QueueList h4 {
    font-size: 14pt;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

option:disabled {
    color: #CCC;
}

/****************************************************
* Results Stylings
****************************************************/
#Results-Header {
    height: 25px;
    margin-top: 5px;
}

#Folder-Paging-Header {
    float: right;
}

#Folder-Paging-Footer {
    clear: left;
}

.thumbnail,
.thumbnail_static {
    position: absolute;
    max-width: 100px;
    border: 1px solid #000;
    z-index: 50;
    left: 10px;
}

.thumbnail_hover {
    z-index: 100;
    border: 2px solid #666;
    padding: 0;
}

.attachments {
    text-align: center;
    float: left;
    margin-top: 80px;
    width: 100px;
}

.lesson-info {
    padding: 10px;
    color: #000;
    position: relative;
}

    .lesson-info table,
    .lesson-info tr,
    .lesson-info td {
        border: 0;
        margin: 0;
        padding: 1px 2px;
    }

    .lesson-info td {
        vertical-align: top;
    }

    .lesson-info .thumbnail {
        top: 10px;
    }

.ddl {
    cursor: pointer;
}

    .ddl:hover {
        color: #DD6B80;
    }

.dd {
    display: none;
}

.right {
    text-align: right;
    font-weight: bold;
    width: 95px;
    vertical-align: text-top;
}

.header {
    padding: 3px 10px;
    color: #000;
}

    .header .new-ind {
        float: none;
        color: white;
        background-color: red;
        border: 1px solid red;
        border-radius: 2px;
        padding: 0 5px;
        font-weight: bold;
        font-size: 12px;
    }

.activity,
.lesson,
.intervention-lesson,
.intervention-review,
.review,
.intervention-assessment,
.intervention-activity,
.assessment {
    margin-top: 10px;
    padding: 0;
    border-style: solid;
    border-width: 2px;
    position: relative;
    border-radius: 4px;
    min-height: 140px;
    background-color: #EEE;
}

.activity {
    border-color: #009FE4;
}

    .activity .header {
        background-color: #009FE4;
        color: #FFF;
    }

.lesson-list.cahsee .activity {
    border-color: #129637;
}

    .lesson-list.cahsee .activity .header {
        background-color: #129637;
    }

.lesson-list.cahsee .lesson {
    border-color: #8FAF38;
}

    .lesson-list.cahsee .lesson .header {
        background-color: #8FAF38;
    }

.lesson {
    border-color: #7ABC2E;
}

    .lesson .header {
        background-color: #7ABC2E;
        color: #FFF;
    }

.intervention-lesson {
    border-color: #772981;
}

    .intervention-lesson .header {
        background-color: #772981;
        color: #FFF;
    }

.intervention-review,
.review {
    border-color: #D0103A;
}

    .intervention-review .header,
    .review .header {
        background-color: #D0103A;
        color: #FFF;
    }

.intervention-assessment,
.assessment {
    border-color: #E63135;
}

    .intervention-assessment .header,
    .assessment .header {
        background-color: #E63135;
        color: #FFF;
    }

.intervention-activity {
    border-color: #832A7B;
}

    .intervention-activity .header {
        background-color: #832A7B;
        color: #FFF;
    }

.lessonAction {
    float: right;
}

    .lessonAction ul {
        margin: 0;
        padding: 0;
    }

    .lessonAction li {
        background-repeat: no-repeat;
        background-position: center center;
        display: inline;
        list-style: none;
    }

.paging {
    font-weight: bold;
    color: #cd3c3b;
}

    .paging img {
        vertical-align: text-bottom;
    }

    .paging a {
        color: #555;
    }

.searchbox #subjects {
    width: 255px;
}

.searchbox input[type="reset"] {
    display: none;
}

#version-poster {
    width: 195px;
    height: 300px;
    position: absolute;
    right: 8px;
}

    #version-poster.mimio {
        background-image: url(http://static.mydigicore.com/i/w/Mimio-Search.png);
    }

    #version-poster.desmos {
        background-image: url(http://static.mydigicore.com/i/w/Online-Search.png);
    }

.folderSelection {
    background-color: #f4f4f4;
    position: absolute;
    top: 19px;
    border: 1px solid #000;
    right: 0;
    padding: 5px;
    z-index: 100;
    width: 200px;
    display: none;
}

    .folderSelection form {
        margin: 0;
    }

    .folderSelection input[type="submit"] {
        font-size: 10pt;
        padding: 3px 5px;
    }

.search-sidebar {
    width: 243px;
    border-radius: 4px;
    padding-left: 10px;
    margin-left: 10px;
}

    .search-sidebar select {
        max-width: 225px;
    }

    .search-sidebar form {
        margin: 10px 10px 10px 0;
    }

    .search-sidebar .search-label {
        margin-top: 0;
    }

.show-folder-selection {
    cursor: pointer;
}

.folder-dialog {
    background-color: #FFF;
    border: 1px solid #bbb;
    border-radius: 8px;
    z-index: 1000;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 15px;
    color: #000;
}

.folder-selection-title {
    margin-bottom: 15px;
}

.folder-selection-footer {
    margin-top: 15px;
    text-align: center;
}

#Folder-Selection ul {
    list-style: none;
    padding-left: 20px;
}

#Folder-Selection li {
    display: list-item;
}

#Folder-Selection a {
    line-height: 16pt;
    font-size: 10pt;
    text-decoration: none;
    padding: 2px 5px;
}

    #Folder-Selection a:hover {
        background-color: #ddd;
        border-radius: 4px;
    }

.small-button {
    background-image: url(http://static.mydigicore.com/i/w/buttonbg.png);
    border-radius: 4px;
    border: 1px solid #888;
}

.cls-link {
    text-decoration: none;
}

.cls-icon {
    background-image: url(http://static.mydigicore.com/i/w/PTD-Icons_32.png);
    height: 32px;
    width: 32px;
    display: inline-block;
}

    .cls-icon.PSC {
        background-position: 0px -96px;
    }

    .cls-icon.PC {
        background-position: -64px -96px;
    }

    .cls-icon.TWC {
        background-position: -96px 0px;
    }

    .cls-icon.TSC {
        background-position: -64px -32px;
    }

    .cls-icon.PWC {
        background-position: -64px -64px;
    }

    .cls-icon.TW {
        background-position: 0px -32px;
    }

    .cls-icon.TS {
        background-position: 0px 0px;
    }

    .cls-icon.TSAW {
        background-position: -96px -32px;
    }

    .cls-icon.PST {
        background-position: -96px -64px;
    }

    .cls-icon.TWCT {
        background-position: -64px 0px;
    }

    .cls-icon.TSCT {
        background-position: 0px -64px;
    }

    .cls-icon.PSCF {
        background-position: -32px -96px;
    }

    .cls-icon.TWS {
        background-position: -32px 0px;
    }

    .cls-icon.TST {
        background-position: -32px -32px;
    }

    .cls-icon.AI {
        background-position: -96px -96px;
    }

    .cls-icon.PAC {
        background-position: -32px -64px;
    }

    .cls-icon.LU {
        background-position: 0px -128px;
    }

.cls-helper {
    font-size: 11px;
    line-height: 15px;
    box-shadow: 5px 5px 10px #888;
}

    .cls-helper .ui-dialog-title {
        font-size: 14px;
    }

    .cls-helper #PTD-Info-Title {
        display: none;
    }

    .cls-helper ..ptd-info-icon {
        margin: 10px 20px 20px 20px;
    }

    .cls-helper #PTD-Info-Tips {
        margin: 20px 10px;
    }

    .cls-helper li {
        margin-bottom: 5px;
    }

/****************************************************
* Login Stylings
****************************************************/
.defaultlogon div {
    margin: 6px 0;
}

/****************************************************
* Queue List Stylings
****************************************************/
#QueueList {
    position: relative;
}

.record {
    margin: 15px;
}

#Lesson-List .record .header {
    cursor: move;
}

.record .header a.launch {
    background-image: url(http://static.mydigicore.com/i/w/launch.png);
    height: 17px;
    width: 47px;
    display: block;
}

.record .header button {
    height: 17px;
    width: 56px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
}

    .record .header button span {
        display: none;
    }

    .record .header button.remove {
        background-image: url(http://static.mydigicore.com/i/w/removequeue.png);
        height: 17px;
        width: 56px;
    }

    .record .header button.practice {
        background-image: url(http://static.mydigicore.com/i/w/practice.png);
    }

.record .header span {
    float: right;
}

.record .title span {
    float: none;
}

.record .title {
    margin-right: 100px;
}

.lesson-info-row {
    margin-left: 120px;
    margin-bottom: 6px;
}

.place-holder {
    border: 2px dashed #AAA;
    height: 100px;
    margin: 15px 0;
}

#Create-Folder {
    display: none;
}

    #Create-Folder .error-message {
        margin-top: 15px;
    }

#Folder-Sub-Folders {
    margin: 15px;
    border-radius: 8px;
    padding: 4px 8px;
    background-color: #CFCBC2;
    border: 1px solid;
}

    #Folder-Sub-Folders span {
        font-size: 11pt;
        font-weight: bold;
        color: #AB4D4F;
    }

    #Folder-Sub-Folders ul {
        list-style-image: url(http://static.mydigicore.com/i/w/folder_open_edit.png);
        list-style-position: inside;
        padding-left: 30px;
    }

    #Folder-Sub-Folders li {
        padding-left: 5px;
    }

        #Folder-Sub-Folders li a {
            color: #AB4D4F;
            font-weight: bold;
            text-decoration: none;
            vertical-align: top;
            line-height: 19px;
        }

.lesson-info-title {
    font-weight: bold;
    float: left;
    text-align: right;
    width: 90px;
}

.lesson-info-text {
    margin-left: 100px;
}

.error-message {
    color: red;
    background-color: #FFD7D8;
    border: 1px solid red;
    font-size: 8pt;
    padding: 2px 5px;
    border-radius: 4px;
}

.sub-folders {
    padding-left: 15px;
}

/****************************************************
* Search Page Stylings
****************************************************/
ul.search-menu,
ul.community-menu {
    margin: 0;
    padding: 0;
}

    ul.search-menu li,
    ul.community-menu li {
        list-style: none;
        font-size: 10pt;
        font-weight: bold;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        border: 1px solid #006ca8;
        margin-bottom: 10px;
        z-index: 10;
        background-color: #EEE;
        position: relative;
    }

    ul.search-menu .selected span {
        margin: 10px;
        line-height: 25px;
    }

    .community-menu div.selected,
    ul.search-menu .selected {
        background-color: #e6e2d7;
        border-right-color: #e6e2d7;
    }

    ul.search-menu li a,
    ul.community-menu li a {
        text-decoration: none;
        color: #006ca8;
        width: 100%;
        margin: 10px;
        line-height: 25px;
    }

    ul.search-menu li > div,
    ul.community-menu li > div {
        padding-left: 10px;
    }

.dialog-close {
    background-image: url(http://static.mydigicore.com/i/w/dialog_close.png);
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.search-label {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 2px;
}

.search-editor {
    margin-bottom: 15px;
}

#Search-Color-Key {
    float: right;
    margin-right: 5px;
    margin-top: 15px;
}

#Search-Form {
    margin-left: 10px;
    padding: 10px;
    min-height: 425px;
}

/****************************************************
* Folder List Stylings
****************************************************/
.droppable-folder {
    background-color: #aee3cf;
    z-index: 1;
}

ul.sub-folder {
    padding-left: 25px;
}

    ul.sub-folder,
    ul.sub-folder button {
        display: none;
    }

        ul.sub-folder li {
            padding: 0;
            margin: 0;
        }

.sub-folder div {
    height: 25px;
    padding-left: 10px;
}

#MainFolder a,
#Shared-Folders a {
    line-height: 25px;
}

ul#MainFolder li > div:hover {
    background-color: #DDD;
}

ul.search-menu ul.sub-folder li {
    background-color: inherit;
    border: 0;
}

ul.search-menu li.ghost-folder {
    border: 2px dashed #AAA;
    height: 20px;
}

.loading-div {
    height: 32px;
    background-image: url(http://static.mydigicore.com/i/w/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px;
}

.shaded {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    opacity: .5;
    z-index: 20;
    text-align: center;
}

#Create-Folder-Form,
#Ghost-Folder {
    display: none;
}

#Folder-Content {
    padding: 0;
    width: 630px;
}

#Folder-Title-Bar {
    background-color: #006ca8;
    border-radius: 4px 4px 0 0;
}

    #Folder-Title-Bar h4 {
        color: #FFF;
        margin: 0;
        padding: 10px;
        display: block;
    }

#Folder-Sharing {
    position: absolute;
    z-index: 500;
    width: 100%;
}

    #Folder-Sharing > div {
        margin: 0 60px;
        background-color: white;
        padding: 15px 10px;
        border-radius: 0 0 8px 8px;
        border: 1px solid #006ca8;
        border-top: 0;
        position: relative;
    }

    #Folder-Sharing form {
        padding: 10px;
    }

    #Folder-Sharing .refresh-icon {
        position: absolute;
        right: 110px;
        top: 46px;
    }

#Shared-User-List {
    padding: 10px;
}

    #Shared-User-List > div {
        padding: 2px 10px;
    }

.share-user {
    padding: 5px 2px;
}

    .share-user:hover {
        background-image: url(http://static.mydigicore.com/i/w/user_delete.png);
        background-repeat: no-repeat;
        background-position: 5px 2px;
        background-color: #EEE;
    }

.Delete-User-Share {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 5px;
    border: none;
    cursor: pointer;
}

#Folder-Lessons {
    margin: 15px 0;
    padding: 0 20px;
}

    #Folder-Lessons form {
        padding: 0;
    }

#Folder-Buttons {
    position: absolute;
    right: 5px;
    top: 5px;
}

#Folder-Buttons .large-button {
    margin: 0;
    height: 32px;
}

button.open-folder {
    background-image: url('images/folders.png');
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    vertical-align: middle;
    border: 0;
}

#MainFolder li.open button.open-folder {
    background-position: -64px -16px;
}

#MainFolder div.selected button.open-folder {
    background-position: -64px 0px;
}

#Create-Folder-Form {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    background-color: #F4F4F4;
    padding: 5px;
    border-radius: 4px;
}

.folder-paging {
    padding: 10px;
    text-align: center;
}

    .folder-paging a {
        color: #f5802e;
        border: 1px solid #f5802e;
        padding: 2px 5px;
        margin-right: 5px;
        text-decoration: none;
        border-radius: 4px;
    }

        .folder-paging a:hover {
            color: #b62429;
            border: 1px solid #b62429;
        }

    .folder-paging .current {
        color: #b62429;
        border: 1px solid #b62429;
        padding: 2px 5px;
        margin-right: 5px;
        text-decoration: none;
        border-radius: 4px;
        font-weight: bold;
    }

#Folder-Name {
    overflow: hidden;
    height: 42px;
}

    #Folder-Name .share-name {
        font-style: italic;
    }

#Folder-Name-Input {
    padding: 10px;
}

#Rename-Folder,
#Rename-Folder-Submit {
    background-image: url(http://static.mydigicore.com/i/w/sec.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

    #Rename-Folder span {
        display: none;
    }

#Rename-Folder-Submit {
    background-position: -16px 0;
}

    #Rename-Folder-Submit span {
        display: none;
    }

#Drag-Out-Div {
    height: 25px;
}
/****************************************************
* Register Page Stylings
****************************************************/
.register {
    width: 242px;
    padding: 10px;
    border: 1px solid #AAA;
    border-radius: 4px;
    text-align: center;
    background-color: #E6E2D7;
    margin-bottom: 15px;
}

    .register div {
        margin-bottom: 10px;
    }

    .register ul {
        margin: 0;
        padding: 0;
        font-size: 10pt;
    }

    .register li {
        list-style: none;
        margin-bottom: 15px;
        font-weight: bold;
        text-align: left;
    }

        .register li i {
            font-weight: normal;
        }

.blue {
    color: blue;
}

.red {
    color: Red;
}

.green {
    color: Green;
}

/****************************************************
* Community Page Stylings
****************************************************/
.discussion-item {
    margin: 10px;
}

.reply-list {
    margin-left: 25px;
    border-left: 2px solid #888;
}

    .reply-list .discussion-item {
        margin-right: 0;
        margin-left: 0;
        padding-left: 5px;
    }

.discussion-header,
.discussion-body,
.discussion-footer {
    padding: 5px 10px;
}

.discussion-header {
    border-radius: 4px;
    background-color: #888;
    color: white;
    position: relative;
}

    .discussion-header a {
        color: #AB4D4F;
        text-decoration: none;
        background-color: #EEE;
        border: 1px solid #AB4D4F;
        border-radius: 4px;
        padding: 1px 5px;
    }

.discussion-body {
}

.discussion-footer {
    margin-top: 10px;
}

    .discussion-footer a {
        text-decoration: none;
    }

.reply-button {
    background: #EEE;
    padding: 2px 7px;
    border: 1px solid #AAA;
    border-radius: 4px;
    background-image: url(http://static.mydigicore.com/i/w/buttonbg.png);
}

    .reply-button:hover {
        background-position-y: 30px;
    }

a.reply-button {
    color: #444;
}

.show-replies {
    margin-left: 10px;
}

    .show-replies div.icon.arrow {
        background-image: url(http://static.mydigicore.com/i/w/CommunitySprite.png);
        height: 10px;
        width: 10px;
        min-height: 0;
        display: inline-block;
    }

    .show-replies.open div.icon.arrow {
        background-position: 10px 0;
    }

.user-info {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 27px;
    padding-left: 10px;
}

.user-info-content {
    background-color: #FFF;
    color: #000;
    border-radius: 4px;
    padding: 5px 10px;
}

#Discussion-List {
    min-height: 400px;
}

#Add-Discussion-Button {
    background-image: url(http://static.mydigicore.com/i/w/buttonbg.png);
    background-repeat: repeat-x;
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid #888;
    font-weight: 600;
    float: right;
}

    #Add-Discussion-Button:hover {
        background-position: 0 -30px;
    }

    #Add-Discussion-Button:active {
        background-position: 0 -60px;
    }

.large-button {
    width: 140px;
    height: 35px;
    background: #f69615;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 12pt;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 25px;
    border: 0;
}

    .large-button:hover {
        cursor: pointer;
        background: #db8613;
    }

.delete-discussion {
    background-image: url(http://static.mydigicore.com/i/w/comment_delete.png);
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: none;
}

#Folder-Header {
    padding: 5px 10px;
    background-color: #888;
    color: white;
}

    #Folder-Header span {
        line-height: 34px;
        font-size: 12pt;
        vertical-align: middle;
        margin-right: 5px;
    }

.register form {
    text-align: left;
    margin-top: 10px;
}

#Folder-List {
    padding-top: 42px;
    background-repeat: no-repeat;
    background-position: center 10px;
    text-align: left;
    position: relative;
}

    #Folder-List.community {
        background-image: url(http://static.mydigicore.com/i/w/mycom.png);
    }

        #Folder-List.community > div {
            margin-bottom: 15px;
            padding-right: 10px;
        }

    #Folder-List.queue {
        background-image: url(http://static.mydigicore.com/i/w/myqueuehead.png);
    }

    #Folder-List.search {
        background-image: url(http://static.mydigicore.com/i/w/mysearch.png);
    }

    #Folder-List .form-label {
        margin: 0;
    }

    #Folder-List .form-row {
        margin: 10px 0;
    }

/***********************************************
* Teacher Details
***********************************************/
#Activation-Info {
    float: right;
    color: #235d23;
}

    #Activation-Info .red {
        color: #e80c4d;
    }

#Activation-Button,
#Remove-Lock-Button {
    text-align: right;
}

#Login-History {
    float: right;
}

    #Login-History table {
        width: 170px;
    }

#Teacher-Info {
    margin-right: 250px;
    height: 285px;
}

#Download-Hist {
    clear: right;
}

    #Download-Hist table {
        width: 100%;
    }

#Admin-Crumbs {
    font-size: 9pt;
    margin-bottom: 20px;
}

#Details-Header {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 5px;
}

#Admin-Site {
    background-color: #EEE;
    padding: 25px;
    border-radius: 8px;
}

    #Admin-Site fieldset {
        border-radius: 8px;
    }

    #Admin-Site table {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }

    #Admin-Site tbody tr:hover {
        background-color: #CCC;
    }

    #Admin-Site td {
        padding: 2px 4px;
    }

/****************************************************
* Error Dialog Styling
****************************************************/
.ui-dialog.ui-state-error {
    background-image: none;
}

    .ui-dialog.ui-state-error .ui-dialog-titlebar {
        background: transparent;
        border: 0;
    }

    .ui-dialog.ui-state-error .ui-dialog-title-dialog {
    }

    .ui-dialog.ui-state-error .ui-dialog-titlebar-close {
        display: none;
    }

    .ui-dialog.ui-state-error .ui-dialog-content {
    }

    .ui-dialog.ui-state-error .ui-dialog-buttonpane {
        padding: 0;
        background-color: transparent;
        text-align: center;
    }

        .ui-dialog.ui-state-error .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: none;
        }

.ui-button.ui-state-error .ui-button-text {
    padding: 3px 12px;
}

/* #region UI Dragging Styling */
.ui-draggable-dragging > * {
    z-index: 1000;
}
/* #endregion */

/****************************************************
* Accordian Styling
****************************************************/
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.23/themes/smoothness/images/ui-icons_454545_256x240.png);
}

.ui-accordion .ui-accordion-content {
    background: none;
    padding: 10px;
    border: none;
}

ui-accordion-content img {
    width: 100%;
}

.ui-accordion-header {
    background-color: #fbb03b;
    background-image: none;
    display: block;
    margin: 0;
}

    .ui-accordion-header a {
        display: block;
        margin-left: 20px;
        padding: 5px;
        margin-bottom: 5px;
        text-decoration: none;
        color: #FFF;
    }

    .ui-accordion-header .ui-icon {
        float: left;
        background-position: -32px -16px;
        margin: 8px;
    }

    .ui-accordion-header.ui-state-active .ui-icon {
        background-position-x: -64px;
    }

/****************************************************
* FAQ Page Stylings
****************************************************/
.faq {
    margin-bottom: 15px;
    font-size: 12px;
    padding: 0 10px;
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}

    .faq-q,
    .faq .question {
        margin-top: 15px;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        margin-left: 60px;
        font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    }

        .faq .question span {
            padding: 3px;
        }

            .faq .question span:hover {
                background-color: #ddd;
            }

    .faq-a,
    .faq .answer {
        font-size: 12px;
        margin-top: 5px;
        margin-left: 60px;
        font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    }

/****************************************************
* PTD Page Stylings
****************************************************/
#PTD-Icons .ptd-icon {
    float: left;
    text-align: center;
    width: 150px;
    margin-bottom: 15px;
    font-size: 9pt;
}

    #PTD-Icons .ptd-icon div,
    .ptd-info-icon {
        background-image: url(http://static.mydigicore.com/i/w/PTD-Icons.png);
        background-repeat: no-repeat;
        width: 125px;
        height: 125px;
        margin: 0 auto;
    }

#PTD-PSC {
    background-position: 0 -375px;
}

#PTD-PC {
    background-position: -250px -375px;
}

#PTD-TWC {
    background-position: -375px 0;
}

#PTD-TSC {
    background-position: -250px -125px;
}

#PTD-PWC {
    background-position: -250px -250px;
}

#PTD-TW {
    background-position: 0 -125px;
}

#PTD-TS {
    background-position: 0 0;
}

#PTD-TSAW {
    background-position: -375px -125px;
}

#PTD-PST {
    background-position: -375px -250px;
}

#PTD-TWCT {
    background-position: -250px 0;
}

#PTD-TSCT {
    background-position: 0 -250px;
}

#PTD-PSCF {
    background-position: -125px -375px;
}

#PTD-TWS {
    background-position: -125px 0;
}

#PTD-TST {
    background-position: -125px -125px;
}

#PTD-AI {
    background-position: -375px -375px;
}

#PTD-PAC {
    background-position: -125px -250px;
}

#PTD-LU {
    background-position: 0px -375px;
}

/****************************************************
* PTD Info Page Stylings
****************************************************/
#PTD-Info-Title {
    font-weight: bold;
    text-align: center;
    margin-right: 200px;
    margin-top: 20px;
    font-size: 18pt;
}

.ptd-info-icon {
    float: right;
    margin: 20px 40px;
}

#PTD-Info-Tips {
    margin: 10px 25px;
}

#PTD-Info-Steps {
    clear: right;
    margin-bottom: 20px;
}

.ptd-step-num {
    font-weight: bold;
    text-decoration: underline;
}

.ptd-step {
    margin: 10px 20px;
}

.ptd-instruction {
    font-weight: bold;
    margin: 20px;
}

.ptd-step-label {
    font-weight: bold;
}

.ptd-info-background {
    background: #FFF;
    padding-top: 1px;
    padding-bottom: 10px;
    margin-top: 20px;
}

/****************************************************
* Intervention Info Page Stylings
****************************************************/
.expand-element {
    margin-bottom: 15px;
}

    .expand-element span {
        cursor: pointer;
        padding: 3px 5px;
        border-radius: 4px;
        text-decoration: underline;
    }

        .expand-element span:hover {
            background-color: #F0C09F;
        }

#Intervention-Info ul {
    margin-top: 5px;
    margin-bottom: 15px;
}

#Intervention-Info li {
    margin-bottom: 5px;
}

/****************************************************
* Tile Page Stylings
****************************************************/
#Middle-Column .tiles {
    background-image: url(http://static.mydigicore.com/i/w/tiles.png);
    width: 470px;
    height: 340px;
    margin: auto;
    border: none;
    background-color: transparent;
    padding: 0;
}

.tiles .tile {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 85px;
}

.tiles #tile-1 {
    width: 215px;
}

.tiles #tile-2 {
    width: 250px;
}

.tiles #tile-3 {
    width: 190px;
}

.tiles #tile-4 {
    width: 275px;
}

.tiles #tile-5 {
    width: 165px;
}

.tiles #tile-6 {
    width: 300px;
}

.tiles #tile-7 {
    width: 140px;
}

.tiles #tile-8 {
    width: 325px;
}

.tiles a div {
    height: 100%;
    width: 100%;
}

/****************************************************
* Article Page Stylings
****************************************************/
.article {
    font-size: 10pt;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #e6e2d7;
    padding: 20px;
}