#ibAddAnsKeyGridEQ {
    cursor: pointer !important;
}

.qEditor {
    height: auto !important;
    min-height: 34px !important;
    max-height: 170px !important;
    /*display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;*/
    /*padding: 4px;
    max-height: 250px;
    max-width: 630px;*/
    overflow: auto;
    text-wrap: normal;
    /*border: 1px solid lightgray;*/
    cursor: pointer;
    /*background-color: white;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#0091FF)"; /*IE 8*/
    -moz-box-shadow: 0 0 0 rgba(0,145,255,0); /*FF 3.5+*/
    -webkit-box-shadow: 0 0 0 rgba(0,145,255,0); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 0 rgba(0,145,255,0); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#0091FF); /*IE 5.5-7*/
    -o-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    /*resize:vertical;*/
}

    .qEditor:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#A6CE39)"; /*IE 8*/
        -moz-box-shadow: 0 0 3px 1px #A6CE39; /*FF 3.5+*/
        -webkit-box-shadow: 0 0 3px 1px #A6CE39; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        box-shadow: 0 0 3px 1px #A6CE39; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#A6CE39); /*IE 5.5-7*/
    }

    .qEditor > p:last-child {
        margin-bottom: 0;
    }

.OT_selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#00B3F0)"; /*IE 8*/
    -moz-box-shadow: 0 0 3px 1px #00B3F0; /*FF 3.5+*/
    -webkit-box-shadow: 0 0 3px 1px #00B3F0; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 3px 1px #00B3F0; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#00B3F0); /*IE 5.5-7*/
}

label {
    padding: 5px;
}

.divSelectors {
    position: relative;
    left: 0;
    right: 0;
    display: block;
}

.invalid {
    border-color: red;
    background-color: lightyellow;
}

#ibHideEQEditor {
    background: url(/images/iconNewOnlineTest/Cancel.png) no-repeat 0 0;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 230px;
    top: 15px;
    opacity: 0.4;
    -o-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
    cursor: pointer;
}

    #ibHideEQEditor:hover {
        background: url(/images/iconNewOnlineTest/Cancel_h.png) no-repeat 0 0;
        background-size: 24px 24px;
        opacity: 1;
    }

.dialogBackground {
    z-index: 99;
    background-color: rgba(0, 0, 0,0.7);
    opacity: 0.7;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}

.dialogEffects {
    /*Border style*/
    border: solid 1px #333333;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*Shadow*/
    -webkit-box-shadow: 5px 5px 5px 0 #353535;
    -moz-box-shadow: 5px 5px 5px 0 #353535;
    box-shadow: 5px 5px 5px 0 #353535;
}

#divStudResponsesDialog {
    width: 800px;
    height: 600px;
    overflow: auto;
    background-color: white;
    z-index: 100;
    opacity: 1;
    position: fixed;
}

    #divStudResponsesDialog table {
        width: 780px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid gray;
    }

    #divStudResponsesDialog td, #divStudResponsesDialog th {
        padding: 2px;
        border-bottom: 1px solid lightgray;
        border-top: 1px solid lightgray;
    }

    #divStudResponsesDialog tr:hover {
        background-color: antiquewhite;
    }

#divSlaveUpdateDialog {
    width: 600px;
    height: 450px;
    overflow: auto;
    background-color: white;
    z-index: 100;
    opacity: 1;
    position: fixed;
}

.eqKey {
    display: block;
    width: 100%;
    padding: 5px 10px !important;
    background-color:#fff;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .eqKey:hover {
        background-color: rgba(25, 75, 200, 0.05);
        -webkit-box-shadow: 0 0 5px 0 #0066FF;
        -moz-box-shadow: 0 0 5px 0 #0066FF;
        box-shadow: 0 0 5px 0 #0066FF;
    }

    .eqKey:focus, AnswerKey:focus, .eqKey:active, .AnswerKey:active {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    /*.eqKey:active, .AnswerKey:active {
        -webkit-box-shadow: 0 0 5px 0 #0066FF;
        -moz-box-shadow: 0 0 5px 0 #0066FF;
        box-shadow: 0 0 5px 0 #0066FF;
    }*/

.eqKeyCurrent {
    background-color: white;
    /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0 0 5px 0 #0066FF;
    /* Mozilla Firefox */ -moz-box-shadow: 0 0 5px 0 #0066FF;
    /* Proposed W3C Markup */ box-shadow: 0 0 5px 0 #0066FF;
}

.rowNumber {
    vertical-align: top;
    text-align: right;
    font-size: x-small;
    font-weight: bold;
    width: 15px;
    color: GrayText;
}

.tblAnsKeyRow {
    padding: 2px;
}

    .tblAnsKeyRow input {
        padding: 2px;
    }

    .tblAnsKeyRow:hover {
        border: 1px solid lightgray;
        background-color: antiquewhite;
    }

.hidden {
    display: none;
}

.ImgButtonRemove {
    background: url(/images/iconNewOnlineTest/Garbage.png) no-repeat 0 0;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    position: relative;
    cursor: pointer;
}

    .ImgButtonRemove:hover {
        background: url(/images/iconNewOnlineTest/Garbage_h.png) no-repeat 0 0;
        background-size: 24px 24px;
    }

    .ImgButtonRemove img {
        width: 24px;
        height: 24px;
    }

.ImgButtonUndelete {
    background: url(/images/iconNewOnlineTest/Garbage-Open.png) no-repeat 0 0;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    position: relative;
    cursor: pointer;
}

    .ImgButtonUndelete:hover {
        background: url(/images/iconNewOnlineTest/Garbage-Open_h.png) no-repeat 0 0;
        background-size: 24px 24px;
    }

    .ImgButtonUndelete img {
        width: 24px;
        height: 24px;
    }

#ibCloseStudResponsesDialog {
    background: url(/images/iconNewOnlineTest/Cancel.png) no-repeat 0 0;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    position: relative;
    cursor: pointer;
    -o-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
}

    #ibCloseStudResponsesDialog:hover {
        background: url(/images/iconNewOnlineTest/Cancel_h.png) no-repeat 0 0;
        background-size: 32px 32px;
    }

.imgTextButton {
    background: url(/images/iconNewOnlineTest/Text-Editor.png) no-repeat 0 0;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    position: relative;
    float: left;
    cursor: pointer;
}

    .imgTextButton:hover {
        background: url(/images/iconNewOnlineTest/Text-Editor_h.png) no-repeat 0 0;
        background-size: 24px 24px;
    }

    .imgTextButton img {
        width: 24px;
        height: 24px;
    }

.imgEQButton {
    background: url(/images/iconNewOnlineTest/Formula-Support.png) no-repeat 0 0;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    position: relative;
    float: left;
    cursor: pointer;
}

    .imgEQButton:hover {
        background: url(/images/iconNewOnlineTest/Formula-Support_h.png) no-repeat 0 0;
        background-size: 24px 24px;
    }

    .imgEQButton img {
        width: 24px;
        height: 24px;
    }

.RoundBoxWithShadow {
    background-color: white;
    border: 1px solid gray;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 5px;
    /*padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;*/
    /* Webkit (Safari/Chrome) */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /* Mozilla Firefox */
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    /* Proposed W3C Markup */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 5px 10px 10px 0 #CCCCCC;
    /* Mozilla Firefox */ -moz-box-shadow: 5px 10px 10px 0 #CCCCCC;
    /* Proposed W3C Markup */ box-shadow: 5px 10px 10px 0 #CCCCCC;
}

.dropShadow {
    /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 5px 10px 10px 0 #CCCCCC;
    /* Mozilla Firefox */ -moz-box-shadow: 5px 10px 10px 0 #CCCCCC;
    /* Proposed W3C Markup */ box-shadow: 5px 10px 10px 0 #CCCCCC;
}

.tblAnswerKey td {
    padding: 2px;
    vertical-align: middle;
}

.tblAnswerKey th {
    padding: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    font-weight: bold;
    font-size: small;
    background-color: gray;
    color: white;
}

.tblAnswerKey input {
    margin-left: 2px;
    margin-right: 2px;
    min-height: 20px;
    width: 99%;
}

#tblWritingAnsKey {
    width: 100%;
}

    #tblWritingAnsKey td, #tblWritingAnsKey th {
        padding: 6px;
    }

.flip {
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #ffffff;
    margin-top: 15px;
}

    .flip:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
    }

    .flip:active {
        position: relative;
        top: 1px;
    }

#cbToolBox {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

    #cbToolBox td {
        padding: 0;
    }

    #cbToolBox input {
        cursor: pointer;
    }

/* GRIDDED RESPONSES*/
.griddedResponses {
    width: 100%;
}

    .griddedResponses td {
        padding: 5px;
        vertical-align: middle;
        text-align: center;
        -o-transition: all 0.2s ease-in-out 0.2s;
        -moz-transition: all 0.2s ease-in-out 0.2s;
        -webkit-transition: all 0.2s ease-in-out 0.2s;
        transition: all 0.2s ease-in-out 0.2s;
        /*position: relative;
                 overflow: hidden;
                 */
        /*padding: 34.37% 0 0 0;*/
    }

        .griddedResponses td:hover {
            background-color: antiquewhite;
            /*border:1px solid lightgray;*/
            padding: 5px;
        }

.griddedResponsesImg {
    max-height: 265px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    -o-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
}

/*.griddedResponses td img {
                     display: block;
                     max-width: 100%;
                     max-height: 100%;
                     position: absolute;
                     top: 0;
                     bottom: 0;
                     left: 0;
                     right: 0;
                 }*/

.gridResponse {
    background-color: white;
    border: 1px solid #777777;
}

    .gridResponse td {
        border: 1px solid #777777;
        padding: 1px;
    }

.btnGridReponse {
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-bottomright: 50%;
    border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-bottom-left-radius: 50%;
    text-indent: 0;
    border: 1px solid #555555;
    display: inline-block;
    color: #555555;
    font-family: Comic Sans MS;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #ffffff;
    /* Button Shadow*/
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    margin: 1px;
    cursor: pointer;
}

    .btnGridReponse:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
    }

    .btnGridReponse:active {
        position: relative;
        top: 1px;
    }

#gvTests td {
    padding-bottom: 2px;
    padding-top: 2px;
}

#gvTests tr {
    border-bottom: 1px solid lightgray;
}

/*#divTests {
                border: 1px solid gray;
                -moz-border-radius-topleft: 8px;
                -moz-border-radius-topright: 8px;
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-top-left-radius: 8px;
                -webkit-border-top-right-radius: 8px;
                -webkit-border-bottom-left-radius: 8px;
                -webkit-border-bottom-right-radius: 8px;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                -webkit-box-shadow: 2px 5px 5px 2px #CCCCCC;
                -moz-box-shadow: 2px 5px 5px 2px #CCCCCC;
                box-shadow: 2px 5px 5px 2px #CCCCCC;
                margin-top: 15px;
                margin-bottom: 15px;
                padding: 6px;
            }*/

.selected {
    background-color: antiquewhite;
}

.highlighted {
    background-color: yellow;
}

.emphasize {
    background-color: antiquewhite;
    border: 2px inset lightgray;
}

.boxshadowStyle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000)"; /*IE 8*/
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3); /*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.NewSource {
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

#toolbar {
    padding: 4px;
    display: inline-block;
}
/* support: IE7 */
* + html #toolbar {
    display: inline;
}

.scrollingDivHalf {
    overflow: auto;
    text-align: left;
    height: 110px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
}

.panel1 {
    border: none 0 #000000;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 10px;
    padding: 6px;
    /* IE10 */
    background-image: -ms-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #EEEEEE), color-stop(1, #00A3EF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
    /* Proposed W3C Markup */
    background-image: linear-gradient(top,#EEEEEE 0%, #CCCCCC 100%);
}

.watermarked {
    height: 16px;
    width: 168px;
    padding: 2px 2 2 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    text-align: center;
    font-style: italic;
}

.triangle-isosceles.top {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
    background: -moz-linear-gradient(#f3961c, #f9d835);
    background: -o-linear-gradient(#f3961c, #f9d835);
    background: linear-gradient(#f3961c, #f9d835);
}

.content {
    position: relative;
    z-index: 1;
}

.triangle-isosceles.top:after {
    top: -15px; /* value = - border-top-width - border-bottom-width */
    right: 50px; /* controls horizontal position */
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px; /* vary these values to change the angle of the vertex */
    border-color: #f3961c transparent;
}

.locked {
    color: red;
}
/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */

.example-twitter {
    position: relative;
    padding: 15px;
    margin: 20px 10px 0.5em;
    color: #333;
    background: #a0f2f7;
    /* css3 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .example-twitter p {
        font-size: 28px;
        line-height: 1.25em;
    }

    /* this isn't necessary, just saves me having to edit the HTML of the demo */
    .example-twitter:before {
        position: absolute;
        top: -60px;
        left: 0;
        width: 155px;
        height: 36px;
        /* reduce the damage in FF3.0 */
        display: block;
    }

    /* creates the triangle */
    .example-twitter:after {
        content: "";
        position: absolute;
        top: -30px;
        left: 50px;
        border: 15px solid transparent;
        border-bottom-color: #a0f2f7;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

    /* display of quote author (alternatively use a class on the element following the blockquote) */
    .example-twitter + p {
        padding-left: 15px;
        font: 14px Arial, sans-serif;
    }

.tableSpaced {
    vertical-align: middle;
    left: 0;
    right: 0;
    display: block;
    border-collapse: collapse;
}

    .tableSpaced th {
        font-weight: bold;
        padding: 2px;
    }

    .tableSpaced td {
        vertical-align: top;
        padding: 2px;
    }

.ansCell {
    width: 60%;
}

.ansCellTrueFalse {
    width: 15%;
}

.iFrameSpecialClass {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
}