@CHARSET "UTF-8";
    body {margin:0;padding:0;}
	#tutorPanelDiv .bd {overflow:auto;background-color:fff;padding:10px;}
	#tutorPanelDiv .ft {height:15px;padding:0;}
	#tutorPanelDiv .yui-resize-handle-br {right:0;bottom:0;height: 8px;width: 8px;position:absolute;}
    #tutorPanelDiv_c.hide-scrollbars .yui-resize .bd {overflow: hidden;}
    #tutorPanelDiv_c.show-scrollbars .yui-resize .bd {overflow: auto;}
	#tutorContainerDiv {padding:10px;}

	;--------------YUI CSS--------------------
	;.yui-overlay { position:absolute;background:#fff;border:1px dotted black; };padding:5px;margin:10px;
	;.yui-overlay .hd { border:1px solid red;padding:5px; }
	;.yui-overlay .bd { border:1px solid green;padding:5px; }
	;.yui-overlay .ft { border:1px solid blue;padding:5px; }

	#ctx { background:orange;width:100px;height:25px; }
	
	#lrms_overlay {height:15em;}
	#lrms_tutor_panel .bd {
	    height: 100px;
	    /* Apply scrollbars for all browsers. */
	    overflow: auto;
	}
	#lrms_workarea_panel .bd {
	    height: 100px;
	    /* Apply scrollbars for all browsers. */
	    overflow: auto;
	}
	#lrms_item_details_panel .bd {
	    height: 100px;
	    /* Apply scrollbars for all browsers. */
	    overflow: auto;
	}
	#lrms_student_panel .bd {
	    height: 100px;
	    /* Apply scrollbars for all browsers. */
	    overflow: auto;
	}
	.yui-panel-container.hide-scrollbars #lrms_tutor_panel .bd {
	    /* Hide scrollbars by default for Gecko on OS X */
	    overflow: hidden;
	}
	
	.yui-panel-container.show-scrollbars #lrms_tutor_panel .bd {
	    /* Show scrollbars for Gecko on OS X when the Panel is visible  */
	    overflow: auto;
	}
	
	div.workarea { padding:10px; float:left }
	
	ul.draglist { 
	    position: relative;
	    width: 200px; 
	    height:240px;
	    background: #f7f7f7;
	    border: 1px solid gray;
	    list-style: none;
	    margin:0;
	    padding:0;
	    overflow: auto;
	}
	
	ul.draglist li {
	    margin: 1px;
	    cursor: move;
	    zoom: 1;
	    font-size: xx-small;
	}
	
	ul.draglist_alt { 
	    position: relative;
	    width: 200px; 
	    list-style: none;
	    margin:0;
	    padding:0;
	    /*
	       The bottom padding provides the cushion that makes the empty 
	       list targetable.  Alternatively, we could leave the padding 
	       off by default, adding it when we detect that the list is empty.
	    */
	    padding-bottom:20px;
	}
	
	ul.draglist_alt li {
	    margin: 1px;
	    cursor: move; 
	    font-size: xx-small;
	}
	
	
	li.list1 {
	    background-color: #D1E6EC;
	    border:1px solid #7EA6B2;
	}
	
	li.list2 {
	    background-color: #D8D4E2;
	    border:1px solid #6B4C86;
	}
	
	#user_actions { float: right; }