@charset "utf-8";
/* CSS Document

mathebuch main.css
@version 20140423
@author <harald.angerer@schule.suedtirol.it>

*/

#mb_main_menu { position:relative; top:-41px; }
.mb_mmitem { width:118px; height:50px; float:left; margin-right:20px; background-image:url('img/menubgactive.png'); }
.mb_mmitem a { color:#8C2300; }
.mb_mmitem.active { background-image:url('img/menubg.png'); }
.mb_mmitem.active a { color:#FFBF00; }
.errorlabel { color:#C00; }
.divider { clear:both; }
.mb_maindivider { margin:30px; }

/* Buttons */
.mb_button { display:block; text-decoration:none; opacity:.8; position:relative; }
.mb_button:hover { opacity:1; }
.mb_madd { width:23px; height:23px; background-image:url('img/menuadd.png'); top:10px; left:10px; }
.mb_mroot { margin:10px 4px 0px 8px; cursor:pointer; line-height: 21px !important; }
.mb_mroot.password { background:url('img/locked.png') no-repeat left; color:#4a4a4a; padding-left:22px;}
.mb_mroot:hover { text-decoration:none; }
.mb_mrootedit { width:15px; height:15px; top:-17px; left:90px; display:none; background-image:url(img/menuedit.png); }
.mb_button:hover + .mb_mrootedit, .mb_mrootedit:hover { display:block; }

/* alle Forms */
.mb_mf_container { border:2px solid black; background-color:white; box-shadow:5px 3px 10px 2px #5E5E5E; margin:auto; }
.mb_submit { display:block; width:100px; height:50px; margin:auto; font-size:1em; border:1px solid #8C2300; background-color:#FFD68C; border-radius:5px; }
.mb_submit:hover { background-color:white; cursor:pointer; }

/* Add-Form */
#mb_mf_add { width:800px; height:510px; }
.mb_mf_header h2 { font-size:1em; cursor:move; font-weight:normal; background-color:#8C2300; color:#FFBF00; text-align:left; border-bottom:1px solid black; margin:0px; padding:7px 0px 7px 10px; }
.mb_mf_header_closer { position:absolute; width:23px; height:23px; background-image:url('img/closer.png'); right:5px; top:5px; }
#mb_mf_menu { height:30px; position:relative; background-color:#FFD68C; }
#mb_mf_menu a.mb_button { font-size:.9em; color:black; min-width:90px; display:block; float:left; height:30px; padding:0px 5px; line-height:30px; border-right:1px solid black; border-top-right-radius:15px; }
#mb_mf_menu a.mb_button:hover { background-color:white; text-decoration:none; }
#mb_mf_menu a.mb_button.tabactive { border-bottom:1px solid white; background-color:white; z-index:20; opacity:1; }
.mb_form { height:340px; border-top:1px solid black; position:relative; z-index:10; top:30px; clear:left; top:-1px; padding:15px; }
#mb_mf_content, #mb_mf_manage { display:none; }
#mb_mf_menu .mb_submit { display:block; clear:both; }
.mb_form_col { width:156px; height:95%; margin:0px 10px; float:left; text-align:left; border:1px dotted gray; padding:7px; }
.mb_form label { display:block; font-size:.9em; margin-bottom:7px; font-weight:bold; float:left; text-align:left; }
.mb_form label.labmini { font-size:.6em; margin-top:-15px; font-weight:normal; }
.mb_form select { width:100%; height:30px; line-height:20px; padding:5px; font-size:.9em; margin-bottom:10px; border:1px solid gray; border-radius:5px; }
.mb_form select.multiple { height:90px; line-height:20px; }
.mb_form input[type=text], .mb_form input[type=password] { width:94%; font-size:1em; height:30px; line-height:30px; padding:4px; border:1px solid gray; border-radius:5px; display:block; margin-bottom:15px; clear:left; }
.mb_form textarea { width:94%; font-size:.9em; height:90px; padding:4px; border:1px solid gray; border-radius:5px; display:block; margin-bottom:15px; font-family:Verdana, Geneva, sans-serif; }
.mb_form input[type=checkbox] { font-size:.9em; padding:4px; display:block; float:left; clear:left; margin-right:10px; }
.mb_form label.labmini input[type=checkbox] { width:3px; height:3px; }
.mb_form select:focus, .mb_form input:focus, .mb_form textarea:focus { background-color: #E2BC9C; }
.mb_form_col.breit { width:705px; height:290px; padding-left:20px; z-index:10; clear:left; }
.mb_form_content > div { display:none; }
.mb_form_content > div:first-child { display:block; }
.mb_form_col.mb_form_half { height:130px; }
#mb_fm_allprivs { clear:both; margin:20px 10px; }

#mb_form_actions_moveoptions { clear:both; display:none; }
#mb_form_actions label { display:block; clear:left; margin:10px 0px; }
#mb_form_actions select#cidamenu { display:block; float:left; width:30%; height:35px; margin:4px 0px 0px 10px; font-size:1em; }
#mb_form_actions .mb_submit { width:400px; height:35px; clear:none; float:left; margin:4px 0px 0px 10px; padding:0px 10px; }
#mb_form_actions #main_loader { float:left; height:39px; width:420px; }

#mb_form_menu a { font-size:.9em; color:black; display:block; float:left; height:30px; padding:0px 5px; line-height:30px; min-width:60px; border-top:1px dotted gray; border-right:1px dotted gray; z-index:20; border-radius:0px; }
#mb_form_menu a:first-child { border-left:1px dotted gray; margin-left:10px; }
#mb_form_menu a:hover { background-color:#E2BC9C; }
#mb_form_menu a.tabactive { background-color:#E2BC9C; }

/* Download-View-Overlay */
#mb_mf_download { width:975px; height:650px; overflow:hidden; }
#mb_mf_download h2 { position: relative; font-size:1em; font-weight:normal; background-color:#8C2300; color:#FFBF00; text-align:left; border-bottom:1px solid black; margin:0px; padding:7px 0px 7px 10px; cursor:move; }
#mb_mf_download #mb_mf_menu_closer { left:940px; top:-30px; }
#mb_mf_download iframe { width:100%; height:95%; border:none; position:relative; top:-20px; }
.mb_dl_viewimage { width:100%; height:100%; margin-top:-23px; background-repeat:no-repeat; background-position:center; overflow:hidden; }

/* menu-tree */
#mb_mf_mtree { width:800px; height:510px; }
#mb_mf_mtree h2 { font-size:1em; cursor:move; font-weight:normal; background-color:#8C2300; color:#FFBF00; text-align:left; border-bottom:1px solid black; margin:0px; padding:7px 0px 7px 10px; }
#mb_mf_menu_closer { width:23px; height:23px; background-image:url('img/closer.png'); left:770px; top:-28px; }
.mb_mtree_item .indent { display:inline-block; width:23px; height:15px; }
.mb_mtree_item .indent:last-child { background:url('img/closed.png') no-repeat center left; }
#mb_mf_menutree { height:90%; overflow:auto; }
#mb_mf_menutree a { display:block; margin:2px 0px 3px 20px; width:90%; text-align:left; padding:2px 10px; white-space:nowrap; overflow:hidden; }
#mb_mf_menutree a:hover { background-color:#E2BC9C; }
#mb_mf_menutree a.locked { color:grey; cursor:default;}
#mb_mf_menutree a.locked:hover { background-color:inherit; text-decoration:none; }
#mb_mf_menutree a.password { color:#4a4a4a; }
#mb_mf_menutree a.password:hover { background-color:inherit; text-decoration:none; }

/* are-you-sure-form */
#mb_mf_ays { width:300px; height:200px; }
#mb_mf_aysform .mb_submit { display:inline-block; margin-right:15px; }

/* unlock-form */
#mb_mf_unlock { width:500px; min-height:400px; text-align:center; margin-bottom:30px; }
#mb_mf_unlock form { height:100%; }
#mb_mf_unlock .mb_form input[type="password"] { width: 40%; margin: 30px auto 45px;}
#mb_mf_unlock .mb_form input[type=submit] { margin:auto; }
#mb_mf_unlock .mb_form ul, .mb_form .mb_left {	text-align:left; }

/* breadcrump-path */
#mb_main_bccontainer { clear:both; margin-bottom:20px; min-height:25px; }
#mb_main_bccontainer a, #mb_main_bccontainer span { display:block; float:left; margin:0; }
#mb_main_bccontainer span { margin:-3px 10px; font-weight:bold; }

/* items */
.mb_madditem { position:relative; width:150px; height:23px; line-height:23px; background-image:url('img/menuadd.png'); background-repeat:no-repeat; background-position:left; padding-left:30px; }
#mb_main_itemcontainer { width:950px; clear:both; margin-bottom:20px; }
.mb_move_placeholder { padding-left:25px; float:left; height:30px; width:100%; border:2px dotted #FFD68C; }
.mb_item.active { background-color:#E2BC9C; }
.mb_item { line-height:30px; display:block; width:100%; float:left; box-sizing:border-box; padding:0px 10px 0px 25px; background:url('img/closed.png') no-repeat center left; }
.mb_item.open { background-image:url('img/open.png'); }
.mb_item:hover { background-color:#FFD68C; }
.mb_item:hover > .mb_ricon > .mb_ibtn, .mb_ibtn:hover { display:block; opacity:1; }
.mb_ricon { width:80px; height:30px; display:block; float:right; }
.mb_ibtn { width:15px; height:15px; float:right; display:none; opacity:.6; margin:8px 5px 0px; }
.mb_move { background-image:url(img/mover.png); }
.mb_move.active { background-image:url(img/moveractive.png); }
.mb_edit { background-image:url(img/menuedit.png); }
.mb_add { background-image:url(img/itemadd.png); }
.mb_title { display:block; float:left; overflow:hidden; }
.mb_page, .mb_task, .mb_shortcut { display:block; float:right; text-decoration:none; font-size:.75em; color:black; width:100px; height:23px; margin:0px 5px; overflow:hidden; }

/* type:menu */
.mb_mroot.checkedin { color:grey; }
.mb_mroot.locked { color:black; cursor:default;}
.mb_mroot.locked:hover { text-decoration:none; }

/* type:container */
.mb_itemcontainer { min-height:30px; clear:both; }
.mb_icchildrencontainer { }
.mb_icchildrencontainer .mb_itemcontainer { padding-left:40px; }
.mb_itemcontainer > .mb_icchildrencontainer { display:none; }
.mb_itemcontainer.open > .mb_icchildrencontainer { display:block; }

/* type:file */
.mb_form_col.zwei { width:360px; }
#mb_fn_droplist { display: none; float: right; margin: 0px 20px 5px; position: absolute; top: 15px; right: 15px;}
#mb_fn_dropzone { height:300px; width:340px; float:left; border:2px dashed #FFD68C; border-radius:10px; }
#mb_fn_fileupload { display:none;}
#mb_fn_dropzone .mb_fn_browse { float:none; border-radius:5px; margin:auto; border:1px solid #8C2300; height:30px; width:120px; line-height:30px; }
.mb_fn_text { color:grey; }
#mb_fn_filelist { width:90%; margin:auto; height:200px; overflow:auto; }
.mb_fn_fileentry { background-image:url(img/progress.png); background-position:0% 0%; background-repeat:no-repeat; margin-top:8px; }
.mb_fn_fileentry { height:30px; line-height:30px; font-size:.8em; width:93%; padding:0px 2%; margin-left:1%; text-align:left;  background-color:#E2BC9C; }
.mb_fn_fileentry > span { display:block; float:left; width:15px; height:15px; margin:8px 4px 0px 0px; cursor:pointer; background-repeat:no-repeat;}
.mb_fn_fileentry > p { width:92%; float:right; overflow:hidden; margin:0px; white-space:nowrap; }
.mb_fn_fileentry.working > span { background-image:url(img/abort.png); cursor:pointer; }
.mb_fn_fileentry.done { background-position:left top !important; }
.mb_fn_fileentry.done > span { background-image:url(img/ok.png); cursor:default; }
.mb_fn_fileentry.delete { background-image:none; }
.mb_fn_fileentry.delete > span {  background-image:url(img/deleting.gif); background-size:contain; }
.mb_fn_fileentry.running > span {  background-image:url(img/running.gif); background-size:contain; background-position:center; }
.mb_i_file { background-image:url('img/file.png'); }
.mb_i_pdf { background-image:url('img/text.png'); }
.mb_i_doc { background-image:url('img/text.png'); }
.mb_i_ppt { background-image:url('img/ppt.png'); }
.mb_i_xls { background-image:url('img/xls.png'); }
.mb_i_img { background-image:url('img/img.png'); }
.mb_i_zip { background-image:url('img/zip.png'); }
.mb_download { display:none; background-image:url('img/download.png'); opacity:.6; }
.mb_item:hover > .mb_ricon > .mb_download  { display:block; }
.mb_download:hover { display:block; opacity:1; }

/* geogebra */
.mb_form_ggb { width:350px; height:300px; float:left; }
.mb_form_ggb textarea { height:53px; }
.mb_form_ggb .ggb_dropzone { height:50px; width:340px; float:left; border:2px dashed #FFD68C; border-radius:10px; }
.mb_form_ggb input[type=file] { display:none; }
a#mb_fn_ggbbrowse { float:none; border-radius:5px; margin:8px auto; border:1px solid #8C2300; height:30px; width:120px; line-height:30px; }
.mb_form_ggb #main_loader { margin-top:-25px; }
.mb_item.mb_i_ggb { background-image:url('img/ggb.png'); }
#mb_mf_download.mb_mf_container_ggb { width:1000px; height:810px; margin-top:70px; }
#mb_mf_download.mb_mf_container_ggb #mb_mf_menu_closer { left:970px; }

/* klettxml */
.mb_xmlitem { text-align:left; font-size:1em; }
.mb_xtree_title.active { color:#C00; }
.mb_xmlitem .indent { display:inline-block; width:30px; }
#mb_fn_xmltreecontainer { height:320px; overflow:auto; margin:10px; padding:5px; border:2px dashed #FFD68C; border-radius:10px; }
#mb_mf_xmltree label { display:inline; font-size:1em; font-weight:normal; float:none; }
#mb_mf_xmltree p { margin:0px 10px; line-height:25px; cursor:pointer; }
#mb_mf_xmltree p:hover { background-color:#E2BC9C; }
#mb_mf_xmltree p input { display:inline; margin-right:10px; float:none; }
#mb_fn_xmldatacontainer { width:340px; text-align:left; float:left; margin-left:10px; }
#mb_fn_xmldatacontainer h3 { margin-top:0px; }
#mb_fn_xmldatacontainer > p.mb_attention { margin:0px auto; }
#mb_fn_xmldatacontainer > p.mb_attention + #mb_fn_xmltreecontainer { height:290px; }
.mb_item.mb_i_klettxml { background-image:url('img/klettxml.png'); }
.mb_mf_container_klettxml .mb_download_iframe { margin:0px 20px; }

/* link */
.mb_form_contents.link { height:190px; }
.mb_form_content > div.mb_fc_linkadd { display:block; padding-top:20px; clear:both; }
.mb_fc_linkadd .mb_submit { width:300px; height:30px; float:left; }
.mb_fc_linktarget { width:300px; float:left; margin-left:20px; }
.mb_fc_linktarget select { height:30px; font-size:.9em; width:200px; display:block; clear:left; }
.mb_linktree_container #mb_mf_menutree { height:82%; }
.mb_linktree_container label { display:block; font-size:.9em; margin:7px; font-weight:bold; float:left; text-align:left; }
.mb_linktree_container select { width:70%; height:30px; line-height:30px; padding:5px; font-size:.9em; margin-bottom:10px; border:1px solid gray; border-radius:5px; }
#mb_mf_mtreemenuoptions { width:80%; margin:-20px 0px 0px 15px; text-align:left; }
.mb_linktree_item .indent:last-child { background:url('img/file.png') no-repeat center left; }
.mb_linktree_item.mb_type_2 .indent:last-child { background:url('img/closed.png') no-repeat center left; }
.mb_item.mb_i_link.intern { background-image:url('img/link.png'); }
.mb_item.mb_i_link.extern { background-image:url('img/extlink.png'); }

/* text */
.mb_form textarea.htmlarea { clear:left; display:block; }
.mceEditor { clear:left; }
.mb_item.mb_i_html { background-image:url('img/html.png'); }

/* flipbook */
.mb_item.mb_i_flipbook { background-image:url('img/flipbook.png'); }

/* special item states */
.mb_item.checkedin { color:grey; }
.mb_item.checkedout {  }
.mb_item.locked, .mb_item.locked.intern { background-image:url('img/locked.png'); color:grey; cursor:pointer;}
.mb_item.locked:hover, .mb_item.locked.intern:hover { text-decoration:none; }