/*  
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; under version 2
 * of the License (non-upgradable).
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * 
 * Copyright (c) 2013 (original work) Open Assessment Techonologies SA (under the project TAO-PRODUCT);
 *               
 * 
 */

/**
* Define style specific to qti runtime
*/
.prompt {}
.field-error {background-color:transparent; background-image: url('../gif/underline.gif'); background-repeat: repeat-x; background-position: bottom; }
.breaker {clear:both;}
.sizeEvaluator{position:absolute;top:-4000px;overflow:hidden;}
/* BD #999999 */.active {border:2px solid #999999 !important; }

/* qti widgets layout */
.qti_item {width:80%; margin:10px auto 10px auto;/*white-space: nowrap;*/}
/* BD #999999 */ .qti_widget {border: 2px solid #999999; padding:20px; margin-bottom:10px; }
.qti_widget ol, .qti_widget ul {list-style: none; }
.qti_widget ol, .qti_widget ul, .qti_widget li {margin: 0; padding: 0; border: 0; font-size:100%; }
.qti_widget .qti_choice_list li .ui-draggable:hover{color:#999999;border-color:#999999;}
.qti_control {
    height: 34px;
    margin: 0 auto;
    width: 200px;
    position:relative;
}

/* validation button */
a#qti_validate {
    margin: 0 auto;
    background-color: #F0F0F0;
    border: 1px solid #828282;
    border-radius: 3px 3px 3px 3px;
    color: #4C4C4C;
    display: block;
    font-size: 13px;
    height: 14px;
    line-height: 13px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 80px;
    font-weight:bold;
    text-decoration:none;
}
a#qti_validate:hover {
    color:#D1043B;
    background-color: #F5F5F5;
}
/* choice interaction */
.qti_simple_interaction ul,.qti_multi_interaction ul, .qti_order_interaction ul {margin:20px 20px 0 20px; }
.qti_simple_interaction li,.qti_multi_interaction li, .qti_order_interaction li {width:450px; }
/* TXT #333 */.qti_simple_interaction li, .qti_multi_interaction li, .qti_order_interaction li {text-decoration:none; color:#333; font-size:14px; padding:0 0 5px 0; margin:5px 0; padding-left:20px; display:block; }
.qti_multi_interaction ul li.tabActive {background:url(../png/choice_multi_on.png) no-repeat; }
.qti_simple_interaction ul li.tabActive {background:url(../png/choice_on.png) no-repeat; }
.qti_simple_interaction li {background:url(../png/choice_off.png) no-repeat; }
.qti_multi_interaction li {background:url(../png/choice_multi_off.png) no-repeat; }

/* Order interaction */
/* BD #999 BG #eee*/.qti_order_interaction li{border:3px solid #999; margin-bottom:10px; margin-right:5px; padding-top:5px; background:#eee;}
.qti_order_interaction ul.ui-sortable li:hover{cursor:move;}
/* BD #666 */.qti_order_interaction li.sort-placeholder{border: dashed 2px #666;}
.qti_choice_list_horizontal{position:relative;}
.qti_choice_list_horizontal li{float:left;}

/* Associate interaction */
/* TXT #333 */.qti_associate_interaction ul.qti_choice_list li > div {color:#333; font-weight:bold; border:1px solid #999; }
.qti_associate_interaction .qti_choice_list li:hover, .qti_association_pair .filled_pair:hover{cursor:move; }
/* BG #ccc */.qti_associate_interaction ul.qti_choice_list li > div {float:left; margin:5px 0 0 15px; line-height:20px; background:#ccc; padding:0 5px; }
.qti_association_pair {	clear:both; position:relative; margin:20px 0; }
/* BD #999 */.qti_association_pair li {border:2px solid #999; float:left; margin:10px 15px 10px 15px; padding:5px; height:15px; text-align:center; font-weight:bold; }
/* BD #999 */.qti_link_associate {position:absolute; border-top:2px solid #999; width:32px; }
/* BD #999 */.qti_association_pair li.ui-state-highlight  {position:relative; background:#ccc; border:2px dashed #999; }
/* BD #666 BG #ccc */.qti_association_pair li.ui-state-highlight .filled_pair  {position:absolute; padding:5px; border:2px solid #666; background:#ccc; top:-2px; left:-2px; }
/* TXT #000 */.qti_association_pair li.ui-state-highlight a  {text-decoration:none; color:black; }
/* BD #999 BG #eee */.qti_associate_interaction .qti_choice_list {background:#eee; border:2px solid #999; }
/* BG #FF0000 */.qti_associate_interaction br {clear:both; position:relative; display:block; background:red; }

/* hottext */
/* BD #c0c0c0 BG #dfdfdf */.hottext_choice {border:solid 1px #c0c0c0; background-color:#dfdfdf; padding:3px 5px 3px 15px; -moz-border-radius:3px; cursor: pointer; }
.hottext_choice_off {background-image:url('../png/hottext_off.png'); background-repeat:no-repeat; background-position: 0px 2px; }
/* BD #999999 */.hottext_choice_off:hover {border-color:#999999; }
/* BD #999999 TXT #999999 */.hottext_choice_on {background-image:url('../png/hottext_on.png'); background-repeat:no-repeat; background-position: 0px 2px; border-color:#999999; color:#999999; }
/* BD #c0c0c0 */.hottext_choice_on:hover {border-color:#c0c0c0; }
.qti_flow_container {padding-top: 15px;line-height:22px;}
.qti_flow_container ol {list-style: decimal;}
.qti_flow_container ul {list-style: disc;}
.qti_flow_container ol, .qti_flow_container ul{padding-left:40px;}

/* used by text_entry and extended_text interactions */
input[type='text'],textarea {border: solid 1px #555; border-bottom-color: #CCC; border-right-color: #CCC; }
textarea {width:640px; height:100px; margin:auto;}

/* Gap Match */
/* TXT #333 */.qti_gap_match_interaction .qti_choice_list li {color:#333; font-weight:bold; }
.qti_gap_match_interaction .qti_choice_list li:hover, .qti_gap_match_interaction .filled_gap:hover {cursor:move; 	}
/* BG #ccc */.qti_gap_match_interaction .qti_choice_list li div {margin:5px 0 5px 15px; line-height:20px; background:#ccc; padding:0 5px; float: left; }
/* BD #999999 BG #eee */.qti_gap_match_interaction .qti_choice_list {background-color:#eee; border:2px solid #999999; 	}
/* BD #999999 BG #eee */.qti_gap_match_interaction .gap {border: solid 2px #999999; background-color:#eee; padding:2px 25px 2px 25px; margin: 0px 5px 0px 5px; font-weight:bold; }
/* BD #666 BG #ccc */.qti_gap_match_interaction .dropped_gap {border: solid 2px #666; background-color:#ccc; }
/* BD #999 BG #ccc */.qti_gap_match_interaction span.ui-state-highlight  {background-color:#ccc; border:2px dashed #999; }

/* Match */
/* BD #ccc BG #eee TXT #555 */.qti_match_interaction .choice_list li  {line-height:25px; padding:0px 5px 0px 5px; font-weight:bold; color:#555; background-color: #eee; border: solid 1px #ccc; }
.qti_match_interaction .choice_list_cols li {padding:5px;float:left;position:relative;}
.qti_match_interaction .choice_list_cols li div{position: absolute; bottom: 0px; padding:5px; left:-1px; font-weight:bold; color:#555; background-color: #eee; border: solid 1px #ccc; vertical-align: middle;}
.qti_match_interaction .choice_list_rows {float:left; padding-top:35px; margin-bottom:35px;}
.qti_match_interaction .match_node_container {position:relative; top:35px; margin-bottom:35px;display: inline;}
/* BD #ccc */.qti_match_interaction .match_node {position:absolute; width:16px; height:25px; padding:0px 5px 0px 5px; background:url(../png/choice_multi_off.png) no-repeat; background-position: center center; cursor:pointer; border: solid 1px #ccc; }
/* BD #ccc */.qti_match_interaction .tabActive {background:url(../png/choice_multi_on.png) no-repeat; background-position: center center; }
.qti_match_interaction {overflow-x: scroll; }
.qti_match_interaction .match_node_container ul {position: absolute;margin-top: -40px;left:0px;display: -webkit-box;}
/* Graphic order */
/* BD #999 */.qti_graphic_order_interaction .pickup_area{margin:15px 0;border:2px solid #999;padding:5px;position:absolute;}
/* TXT #999999 */.qti_graphic_order_interaction .pickup_area li{float:left;margin-right:5px;font-family:Verdana;color:#666666;font-weight:bold;cursor:pointer;font-size:16px;padding:2px;}
/* TXT #999999 */.qti_graphic_order_interaction .pickup_area li a{color:#999999;text-decoration: none;}
/* TXT #ffffff BG #666 */.qti_graphic_order_interaction .pickup_area li.selected{color:#ffffff;background:#666;}
.dummySizer{position:relative;}

/* Graphic association */
/* TXT #999999 BD #666 */.link_counter{font-size:16px;padding-left:35px;padding-top:5px;font-weight:bold;color:#999999;margin-top:15px;border:2px solid #666;width:110px;height:25px;background:url(../png/link.png) no-repeat 10px;}
/* TXT #999999 BD #666 */.sub_counter{font-size:16px;padding-left:35px;padding-top:5px;font-weight:bold;color:#999999;margin-top:15px;border:2px solid #666;width:110px;height: 25px;background:url(../png/sublink.png) no-repeat;}
.infiniteSize{font-size:24px;}

/* Graphic Gap Match */
/* BD #999 BG #eee */ .qti_graphic_gap_match_interaction .qti_graphic_gap_match_spotlist{background-color:#eee; border:2px solid #999; padding:5px; }
.qti_graphic_gap_match_interaction .qti_graphic_gap_match_spotlist li {float:left;margin-right:5px;}
/* TXT #999999*/.qti_graphic_gap_match_interaction .qti_graphic_gap_match_spotlist li > div{font-family:Verdana;color:#999999;font-weight:bold;cursor:pointer;font-size:16px;padding:2px;}
.qti_graphic_gap_match_interaction .svg-container{position:relative;}
.qti_graphic_gap_match_interaction .svg-container .filled_gap{position:absolute;padding:2px;}

.qti_graphic_gap_match_interaction .svg-footercontainer{position:relative;}
.qti_graphic_gap_match_interaction .svg-footercontainer .filled_gap{position:absolute;padding:2px;}

/* Slider */
.qti_slider_interaction{padding:15px;}
/* TXT #999999 */.qti_slider_label span{color:#999999; font-weight:bold;position:absolute;}
.qti_slider_horizontal .qti_slider_label{ height:1em; padding:0; margin:0; position:relative; left:-10px; top:5px;}
.qti_slider_horizontal .qti_slider_label .slider_min{left:0;}
.qti_slider_horizontal .qti_slider_label .slider_cur{left:45%}
.qti_slider_horizontal .qti_slider_label .slider_max{right:0;}
.qti_slider_vertical .qti_slider{float:left;}
.qti_slider_vertical .qti_slider_label{ width:25px; padding:0; margin:0; position:relative; top:-7px; left:5px;}
.qti_slider_vertical .qti_slider_label .slider_min{top:0;}
.qti_slider_vertical .qti_slider_label .slider_cur{top:45%}
.qti_slider_vertical .qti_slider_label .slider_max{bottom:0;}
.qti_slider_label .highlight{color:#930}
.qti_readaloud span br {
    display: none !important;
}

span.select_point_cross{background:url(../png/cross.png) no-repeat; height: 10px; width:10px;}
span#qti-graphic-associate-delete-link{background:url(../png/delete.png) no-repeat; height: 14px; width:14px;position:absolute;}

/*media element js*/
div.mejs-controls div.mejs-time-rail .mejs-time-loaded {background: linear-gradient(rgba(208, 2, 57, 0.8), rgba(217, 37, 85, 0.8)) repeat scroll 0 0 transparent;}
div.mejs-youtube-overlay{opacity:0;top:0;left:0;position:absolute;}
/*colorScheme*/
.blackColorScheme {
    color: black !important;
}

.greyColorScheme {
    color: grey !important;
}

.purpleColorScheme {
    color: purple !important;
}

.yellowColorScheme {
    color: yellow !important;
}

.whiteColorScheme {
    color: white !important;
}
/*FoneSize*/
.smallFontSize {
    font-size: 75% !important;
}

.normalFontSize {
    font-size: 100% !important;
}

.largeFontSize {
    font-size: 125% !important;
}

.extraLargeFontSize {
    font-size: 150% !important;
}

.hugeFontSize {
    font-size: 175% !important;
}