body 
{
	font: 12px Verdana, Geneva, Helvetica, Arial, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
	background-color: #555555;
}

h1 
{
	margin: 30px 0 0 720px;
	padding: 0;
}

#page 
{
	position: absolute;
	width: 1000px;
/*	height: 687px; */
	height: 712px;
	background: url(../images/background.jpg) no-repeat;
	background-color: #ffffff;
	overflow: hidden;
}

#navigation 
{
	position: absolute;
	background: url(../images/navigationbg.gif) 8px 8px no-repeat;
	background-color: #ffffff;
	border: 1px solid #969B94;
	width: 642px;
	height: 60px;
	left: 185px;
	top: 704px;
}

#admin_navigation 
{
	position: absolute;
	width: 348px;
	height: 60px;
	right: 4px;
	top: 505px;
}

#usernav 
{
	position: absolute;
	left: 8px;
	top: 11px;
	background: url(../images/usernav.gif) no-repeat;
	width: 387px;
	height: 32px;
	padding: 2px 3px;
}

#admin_usernav 
{
	position: absolute;
	left: 8px;
	top: 11px;
	background: url(../images/3btnnav.gif) no-repeat;
	width: 162px;
	height: 32px;
	padding: 2px 3px;
}

#authornav 
{
	position: absolute;
	left: 404px;
	top: 11px;
	background: url(../images/3btnnav.gif) no-repeat;
	width: 162px;
	height: 32px;
	padding: 2px 3px;
}

#shufflenav
{
	position: absolute;
	left: 578px;
	top: 11px;
	width: 54px;
	height: 32px;
	padding: 2px 3px;
}

#admin_authornav 
{
	position: absolute;
	left: 180px;
	top: 11px;
	background: url(../images/3btnnav.gif) no-repeat;
	width: 162px;
	height: 32px;
	padding: 2px 3px;
}

#videonav 
{
    position: absolute;
    left: 149px;
    top: 350px;
    background: url(../images/navvideobg.gif) no-repeat;
    width: 168px;
    height: 36px;
    padding: 2px 3px;
}

#navigation .navbtn, #videonav .navbtn,
#admin_navigation .navbtn, #videonav .navbtn
{
	width: 54px;
	height: 32px;
	display: block;
	float: left;
	cursor: default;
}

#navigationbtn 
{
	position: absolute;
	width: 108px;
	height: 24px;
	background: #ffffff url(../images/navigationbtn.gif) no-repeat;
	border-top: 1px solid #969B94;
	border-right: 1px solid #969B94;
	border-left: 1px solid #969B94;
	right: 30px;
	top: -25px;
}

#navigationpin 
{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 88px;
    top: 1px;
}

#audioplayer 
{
	position: absolute;
	/* Don't use visibility: hidden or display: none - will cause ExternalInterface to not work in IE */
	left: -10000px;
}

#videoplayer
{
	position: absolute;
	top: 2px;
	left: auto;
	right: 2px;
	border: 1px solid #94a4a6;
}

.dialog 
{
    background-color: #E4E7E8;
    border: 1px solid #000000;
}

.dialogbtn 
{
    width: 54px;
    height: 32px;
    margin: 0;
    float: left;
}

.dialog_content 
{
    padding: 10px;
    text-align: right;
}

.dialog_text 
{
    padding: 0 0 10px 0;
    text-align: left;
}

.dialog .buttons 
{
    height: 32px;
    margin: 0 0 0 auto;
}

.dialog h4, .stddialog_window h4
{
    background-color: #849AA4;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
}

#edittoolbar 
{
	position: absolute;
	right: 4px;
	top: 440px;
	height: 34px;
}

#admin_edittoolbar 
{
	position: absolute;
	right: 4px;
	top: 515px;
	height: 34px;
	
}

#edittoolbar .btn,
#admin_edittoolbar .btn
{
	float: left;
	width: 54px;
	height: 32px;
	cursor: default;
}

#uploader 
{
	position: absolute;
	left: -10000px;
}

a img 
{
	border: none;
}

a:focus
{
	-moz-outline-style: none;
}

#mainwnd
{
	position: absolute;
	left: 110px;
	top: 112px;
	width: 850px;
	height: 512px;
	border: 1px solid #5a6757;
	overflow: hidden;
	visibility: hidden;
}

#admin_mainwnd
{
	position: relative;
	width: 850px;
	height: 512px;
	border: 1px solid #5a6757;
	overflow: hidden;
	visibility: visible;	
}

#content 
{
	position: relative;
}

#largeview 
{
    border: 1px solid #969B94;
    background: #000000;
    width: 800px;
    height: 600px;
    position: absolute;
    left: 135px; 
    top: 68px;
}

#menu 
{
	border-right: 1px solid #969B94;
	background-color: #ffffff;
	color: #000000;
	width: 360px;
	height: 680px;
	position: absolute;
	left: -343px;
	/*left: 0;*/
	top: 0;
}

#coursemenu 
{
	margin-bottom: 12px;
}

#scrollpanel 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#scrollpanel #downarrow 
{
	background: url(../images/scroll_down.gif) no-repeat center center;
	background-color: #ffffff;
}

#scrollpanel #uparrow 
{
	background: url(../images/scroll_up.gif) no-repeat center center;
	background-color: #ffffff;
}

#menu a 
{
	color: #000000;
	text-decoration: none;
}

#menu img 
{
    vertical-align: middle;
    margin-right: 2px;
}

#menu a:hover 
{
	/*text-decoration: underline;*/
}

#menubtn 
{
	position: absolute;
	width: 20px;
	height: 46px;
	background: url(../images/menubtn.gif);
	border-top: 1px solid #969B94;
	border-right: 1px solid #969B94;
	border-bottom: 1px solid #969B94;
	right: -21px;
	top: 24px;
}

#menu h2 
{
	font-size: 14px;
	background-color: #D1DEC0;
	border-top: 1px solid #B8BEB2;
	border-bottom: 1px solid #B8BEB2;
	color: #000000;
	margin: 24px 0 0 0;
	padding: 0 0 0 9px;
}

#menu h2.first 
{
	margin: 100px 0 0 0;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li 
{
	border-bottom: 1px solid #B8BEB2;
	padding: 2px 0 2px 20px;
}

#menu ul li.cmpl0 
{
	background: url(../images/icon_completion0.gif) no-repeat 5px 4px;
}

#menu ul li.cmpl20 
{
	background: url(../images/icon_completion20.gif) no-repeat 5px 4px;
}

#menu ul li.cmpl40 
{
	background: url(../images/icon_completion40.gif) no-repeat 5px 4px;
}

#menu ul li.cmpl60 
{
	background: url(../images/icon_completion60.gif) no-repeat 5px 4px;
}

#menu ul li.cmpl80 
{
	background: url(../images/icon_completion80.gif) no-repeat 5px 4px;
}

#menu ul li.cmpl100 
{
	background: url(../images/icon_completion100.gif) no-repeat 5px 4px;
}

#menu ul li ul li 
{
	border-bottom: 0;
	padding: 4px 0 2px 20px;
}

#menu li.progress 
{
	background: url(../images/progress.gif) no-repeat 8px 4px;
}

#lrbar, #admin_lrbar
{
	position: absolute;
	display: none;
}

#lrbar img, #admin_lrbar img 
{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#indexpanel 
{
	width: 950px;
	height: 92px;
	padding: 6px;
	border: 1px solid #7c877a;
	background-color: #b2bdbe;
	position: absolute;
	left: 30px;
	top: 506px;
	display: none;
}

#indexpanel div.thumb 
{
	float: left;
	margin: 0px 5px;
	width: 120px;
	height: 90px;
	border: 1px solid #ffffff;
	position: relative;
}

#indexpanel div.scroll 
{
	float: left;
	margin-top: 35px;
	width: 12px;
	border-width: 0px;
	position: relative;
}


#indexpanel div.thumb h5 
{
	background-color: #4f6a6e;
	color: #ffffff;
	filter: alpha(opacity=90);
	opacity: 0.9;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 16px;
	margin: 0;
	text-align: center;
}

#progress_indicator,
#admin_progress_indicator  
{
	position: absolute;
	right: 2px;
	top: 8px;
	display:none;
	color: #ffffff;
}

#progress_indicator img,
#admin_progress_indicator img 
{
	vertical-align: middle;
	margin-left: 4px;
}

#pageinsight 
{
    position: absolute;
    right: 30px;
    top: 652px;
    width: 100px;
    background-color: #ffffff;
    border: 1px solid #969B94;
    color: #000000;
    padding: 10px;
    font: 13px Verdana, Geneva, Helvetica, Arial, sans-serif;
    display: none;
}


/****** modal_window ******/

.modal_window
{
	position:relative;
	background-color:#ffffff;
	border:2px #000000 solid;
}

.page_modal_window
{
	position:relative;
	background-color:#29484c;
	border:2px #000000 solid;
}

.modal_window input.modal_button
{
	width: 100px;
	font-size:10px;
	margin-right:4px;
}

.modal_window input, .modal_window select
{
	font-size:10px;
	width:140px;
}

.modal_window .input_row input, .dialog_content input
{
	height:12px;
}

.modal_window .input_row input.modal_button
{
	height:21px;
}

.modal_window textarea
{
	font: 10px MS sans serif, Verdana, Geneva, Helvetica, Arial, sans-serif;
}

.modal_linkbtn
{
	float:right;
	padding:4px;
}

.modal_linkbtn a
{
	font-size:11px;
	font-weight:bold;
	color: #849AA4;
	text-decoration:none;
}

.modal_linkbtn a:hover
{
	text-decoration:underline;
}

/****** stddialog_window ******/
/*
.stddialog_window #header_element
{
	position:relative;
	height:22px;
	margin-bottom:8px;
	background-color:#eeeeee;
	text-align:center;
	font-weight:bold;
	padding-bottom:0px;
}*/
.stddialog_window 
{
	background-color:#eeeeee;
}

.stddialog_window #button_element
{
	margin-left: 8px;
	margin-right:10px;
	position:relative;
	height:32px;
	padding-top:6px;
}

.stddialog_window #content_element
{
	position:relative;
	margin: 8px 10px 0px 10px;
	background-color:#eeeeee;
	position:relative;
	font-size:10px;
	color: #000000;
	overflow:auto;
}

.stddialog_window #page_content_element
{
	position:relative;
	top:0px;
	margin: 0px;
	font-size:10px;
	color: #000000;
}

.edit_test #admin_page
{
	background-color:#3E865A;
}

.edit_normal #admin_page
{
	background-color:#29484C;
}


.stddialog_window #content_element a
{
	color: #333333;
}

.stddialog_window #content_element .date_input
{
	width:60px;
}

.stddialog_window #content_element .id_input
{
	width:40px;
}

/***  lala ***/

.stddialog_window label, .dialog_content label
{
	display: block;
	width: 100px;
	font-weight: bold;
	float: left;
	padding: 0px 4px 0px 4px;
	overflow:hidden;
	white-space:nowrap;
}

.dialog_content label
{
	width: 70px;
}

.stddialog_window .input_row, .dialog_content .input_row
{
	clear: both;
	padding: 4px 0px 0px 0px;
}

.stddialog_window table
{
	border-collapse:collapse;
}

.stddialog_window table td
{
}

.stddialog_window table textarea
{
	width:140px;
}

.stddialog_window .error, .dialog_content .error
{
	border:2px solid #ff0000;
}

.stddialog_window a
{
	color: #000000;
}

.stddialog_window .backend_fields
{
	display:none;	
}

.stddialog_window #calendar_button
{
	clear:both;
	position:absolute;
	width: 19px;
	height:19px;
	cursor:pointer;
	background-image: url("../images/list_icon/list_calendar_w.gif");
}

.swfupload
{
	position: absolute;
	z-index: 1;
}