@import url("scorm.css");
@import url("Report.css");
@import url("tabs.css");

body  
{
	font-family: Arial,Helvetica,sans-serif ; 
	font-size: 12px; 
	color: #000000; 	
}

input
{
	font-size: 12px; 
}
.admin_actions
{
    white-space: nowrap;
    background-image: url('/page/images/admin_actions.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    vertical-align: bottom;
    display: block;
    height: 25px;
    width: 80px;  
    text-align: right;  
}


.user_item
{
    background-image: url('/page/images/i_user_i.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
}   

.adminaction
{
	
	display: block;
	text-align: left;	
	background-color: #ffffff;	
	width: 250px;
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.adminaction a
{	
	font-size: 10pt;
	font-weight: bold;	
	display: block;
}

.adminaction a:hover
{
	background-color: #cccccc;
}

.selected
{
	font-weight: bold;
	background-color: #cfcfcf;
	color: #721d7a;
}

#topAction
{
	background-color: #721d7a;
	color: #ffffff;
	padding: 6px;	
	
}

#actions
{		
	border-left: 3px dotted #721d7a;
	border-right: 3px dotted #721d7a;
	border-bottom: 3px dotted #721d7a;
	width: 250px;
	position: absolute;
	z-index: 1;		
	background-image: none;
	
}
.spacer
{
	clear: both;
}
#undertabs
{
	color: #000000;
	font-size: 8pt;	
}

#div_chk_all
{		
	padding-right: 25px;	
	padding-left: 25px;	
}
.osgui
{
	width: 100%;
	
}
.osgui td, .osgui th
{
	color: #000000;
	padding-lefT: 4px; 
	padding-right: 4px;
}
.osgui td a, .osgui th a
{
	color: #000000;
}
.osgui tr.header th
{
	background-color: #ebebeb;
	
}
.osgui tr.item td
{
	background-color: #ffffff;
}
.osgui tr.alt td
{
	background-color: #efefef;
}
.osgui tr.item:hover
{
	background-color: #cbcbcb;
}
.osgui tr.alt:hover
{
	background-color: #cbcbcb;
}

.schedule
{	
	
}
.schedule th, .schedule td
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;	
        color: #000000;
	
}
.schedule td
{
	border-bottom: 1px solid #ebebeb;
	vertical-align: top;
}
.schedule th
{
	background-color: #ebebeb;
	font-style: italic;
}
.manage
{		
	text-align: left;		
	vertical-align: bottom;	
	font-size: 12px;			
	background-color: #efefef;
	border: 3px solid #cccccc;	
	margin-bottom:15px;
	padding: 5px;
}
.manage_wrap
{
	
}
.manage_item
{			
	margin: 2px;	
	padding: 1px;
	padding-left: 20px;		
	padding-top: 4px;
	border: 1px solid #cccccc;
}
.manage_item .manage_item
{
	border-right: none;	
	border-bottom: none;
	
}
.manage_item_selected
{	
	padding: 6px;
	margin: 0px;
	padding-left: 20px;	
	font-weight: bold;
	font-size: 16px;
	/*background-image: url('/images/arrow.gif');
	background-position: left center;
	background-repeat: no-repeat;	*/

	
}
.manpath_item, .manpath_item:active, .manpath_item:visited
{
	font-size: 10px;
	height: 30px;
	vertical-align: bottom;
	color: #000000;
}

a.manpath_item_selected, a.manpath_item_selected:active, a.manpath_item_selected:visited
{
	
	font-size: 10px;
	font-weight: bold;
	height: 30px;
	vertical-align: bottom;
	text-decoration: none;
	color: #000000;
}

label
{
	color: #999999;
	font-weight: bold;	
}



.quick
{        
    padding: 5px;    
    padding-right: 20px;
}

.heading
{
    background-color: #A8B3CF; 
    padding: 2px; 
    padding-left: 5px; 
    padding-right: 2px; 
    color: #ffffff; 
    font-weight: bold;
}

.quick .items
{
    border: 1px solid #A8B3CF; 
    border-top: none;    
    padding: 5px;         
}
.quick .items ul
{
    list-style-type: none;
    margin: 0px; 
    padding: 0px;
    padding-bottom: 8px;
}
.quick .items ul li
{
    border-bottom: 1px solid #cfcfcf;    
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-bottom: 4px;
}
.quick .items ul li.report
{
    background: url('/page/Images/i_report_i.gif') left top no-repeat;
}
.quick .items ul li.webbased
{
    background: url('/page/Images/i_webbased.gif') left top no-repeat;
}
.quick .items ul li.classroom
{
    background: url('/page/Images/i_classroom.gif') left top no-repeat;
}
.quick .items ul li.streamingvideo, .quick .items ul li.streamvid
{
    background: url('/page/Images/i_streaming video.gif') left top no-repeat;
}
.quick .items ul li.video
{
    background: url('/page/Images/i_video.gif') left top no-repeat;
}
.quick .items ul li.message
{
    background: url('/page/Images/i_message_i.gif') left top no-repeat;
}

h1.message
{
    background: url('/page/Images/i_message_i.gif') left center no-repeat;    
     padding-left: 20px;
}
.quick a
{
    color: #003366;
    /*text-decoration: none;*/
}

.quick p
{
margin-top: 0px;
padding-top: 0px;
}
.quick a:hover
{
    text-decoration: underline;
}
.quick a.more_link
{
    display: block;
    text-align: right;
    color: #666666;
    font-style: italic;
}
.detail_link
{
float: right;
}



.event_link, .course_link
{
font-weight: bold;
}
.completion_certificate
{
float: right;
}


.right_col .heading
{
    background-color: #A8B3CF;   
    color: #ffffff;  
}

.right_col .quick .items
{
    border: 1px solid #A8B3CF;     
}

.right_col .heading
{
    background-color: #A8B3CF;     
}

.right_col .quick .items
{
    border: 1px solid #A8B3CF;     
}

.kuser_1
{
	/*background-image: url('/page/images/i_user_g.gif');
	background-repeat: no-repeat;
	background-position: left top;*/
}


h1 a
{
	font-size: 12px;
	font-weight: normal;
}

.privacy_policy
{
	display: block;
	clear: both;	
	margin: 5px;
}

.tree .selected_tree_item
{
    font-weight: bold;
}
.tree .selected_tree_item_detail
{
    border: 1px solid #999999;
    padding: 10px;
    background-color: #efefef;
}
.tree td
{
    vertical-align: top;
}
.tree #item_detail
{
    width: 550px;
    height: 300px;
}

.tree #item_detail_head
{
    padding: 5px; 
    padding-bottom: 0px; 
    margin: 0px; 
    background-color: #ffffff; 
    border: 1px solid #999999;
    cursor: move;
}


.time_choose
{
	position:absolute;
	z-index:10;	
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/
	
}
.time_choose iframe
{
	display: none; /*sorry for IE5*/
	display: block; /*sorry for IE5*/
	position: absolute;/*must have*/
	top:0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 3000px; /*must have for any big value*/
	height: 3000px; /*must have for any big value*/;
}


div.complex_bar_graph
{
	position: relative;
	width: 300px;	
}
      /* Complex Bar Graph */
      div.complex_bar_graph dl 
      {
		position: relative;
		height: 20px;
      }
      div.complex_bar_graph dt { 
      	position: relative; /* IE is dumb */
      	/*clear: both;*/
      	display: block; 
      	float: right;
      	/*width: 104px;      	*/
      	height: 20px; 
      	line-height: 20px;
      	/*margin-right: 17px;              */
      	font-size: .75em; 
      	/*text-align: right; */
      }
      div.complex_bar_graph dd { 
      	position: relative; /* IE is dumb */
      	display: block;         	
      	width: 197px; 
      	height: 20px; 
      	/*margin: 0 0 15px; */
      	background: url("/images/css_graphs/g_colorbar.jpg"); 
      }
      * html div#complex_bar_graph dd { float: none; } /* IE is dumb; Quick IE hack, apply favorite filter methods for wider browser compatibility */
  
      div.complex_bar_graph dd div { 
      	position: relative; 
      	background: url("/images/css_graphs/g_colorbar2.jpg"); 
      	height: 20px; 
      	width: 75%; 
      	text-align:right; 
      }
      div.complex_bar_graph dd div strong { 
      	position: absolute; 
/*      	right: -5px;*/
      	right: 0px; 
      	top: -2px; 
      	display: block; 
      	background: url("/images/css_graphs/g_marker_8.gif"); 
      	height: 24px; 
      	width: 9px; 
      	text-align: left;
      	text-indent: -9999px; 
      	overflow: hidden;
      }
      
      div.complex_bar_graph dd.rev { 
      background: url("/images/css_graphs/g_colorbar4.jpg");
      }
      
      div.complex_bar_graph dd div.rev {       	
      	background: url("/images/css_graphs/g_colorbar3.jpg"); 
      }
      
      .bar_val
      {
		float: left;
	width: 15px;	
      }
      
      
 

@media print
{
    .tree #item_detail
    {
        position: absolute;
        left: 100px;    
    }    
}

.media1
{
    background-image: url("/page/images/i_webbased.gif");
    background-repeat: no-repeat;     
}

.media3
{
    background-image: url("/page/images/i_classroom.gif"); 
    background-repeat: no-repeat;
}

.media4
{
    background-image: url("/page/images/i_Video.gif"); 
    background-repeat: no-repeat;
}

.media5
{
    background-image: url("/page/images/i_cd-rom.gif"); 
    background-repeat: no-repeat;
}

.media21
{
    background-image: url("/page/images/i_diskette.gif"); 
    background-repeat: no-repeat;
}

.media22
{
    background-image: url("/page/images/i_mm_cd-rom.gif"); 
    background-repeat: no-repeat;
}

.media23
{
    background-image: url("/page/images/i_book_i.gif"); 
    background-repeat: no-repeat;
}

.media26
{
    background-image: url("/page/images/i_diskette.gif"); 
    background-repeat: no-repeat;
}

.media27
{
    background-image: url("/page/images/i_user_i.gif"); 
    background-repeat: no-repeat;
}

.media28
{
    background-image: url("/page/images/i_audio.gif"); 
    background-repeat: no-repeat;
}

.media29
{
    background-image: url("/page/images/i_dvd.gif"); 
    background-repeat: no-repeat;
}

.media30
{
    background-image: url("/page/images/i_teleclass.gif"); 
    background-repeat: no-repeat;
}

.media31
{
    background-image: url("/page/images/i_book_i.gif"); 
    background-repeat: no-repeat;
}

.media32
{
    background-image: url("/page/images/i_streamvid_i.gif"); 
    background-repeat: no-repeat;
}

.media33
{
    background-image: url("/page/images/excel_trans.gif"); 
    background-repeat: no-repeat;
}

.media34
{
    background-image: url("/page/images/word_trans.gif"); 
    background-repeat: no-repeat;
}
.media35
{
    background-image: url("/page/images/i_powerpoint.gif"); 
    background-repeat: no-repeat;
}
.media36
{
    background-image: url("/page/images/adobe_trans.gif"); 
    background-repeat: no-repeat;
}
.media37
{
    background-image: url("/page/images/i_webbased.gif"); 
    background-repeat: no-repeat;
}
.media38
{
    background-image: url("/page/images/access_trans.gif"); 
    background-repeat: no-repeat;
}
.media39
{
    background-image: url("/page/images/i_image.gif"); 
    background-repeat: no-repeat;
}
.media40
{
    background-image: url("/page/images/i_shockwave.gif"); 
    background-repeat: no-repeat;
}
.media41
{
    background-image: url("/page/images/i_webex.gif"); 
    background-repeat: no-repeat;
}
.media42
{
    background-image: url("/page/images/bshark.gif"); 
    background-repeat: no-repeat;
}

.headerbar
{
    padding: 5px; 
    font-weight: bold; 
    margin-bottom: 5px; 
    text-align: center;
    font-size: 14px; 
    background-color: #999999; 
    color: White;
}

   
         
         
.ajax__calendar_container
{ z-index : 2; }

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}

.modalHeader
{
background-color: #666666; text-align: left; padding: 4px; padding-right: 10px;
font-weight: bold; color: #ffffff;
}

.modalFooter
{
    background-color: #666666; text-align: right; padding: 4px; padding-right: 10px;
}

.modalContent
{
     border: 1px solid #999999; padding: 5px; background-color: #ffffff;
}