body
{
/*	background: #4C4B4B;xxx*/
}

div#popup
{
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 570px;
	overflow: hidden;
}

div#popup div.main
{
	position: relative;
	float: left;
	width: 973px;
	height: 564px;
	padding: 0px 0px 0px 7px;
	background: #4C4B4B url('popup/calig_main.gif') no-repeat 630px bottom;
}

div#popup div.main div.top_tabs
{
	position: relative;
	float: left;
	width: 645px;
	height: 51px;
	padding: 0px 0px 0px 0px;
	
}

div#popup div.main div.route
{
	position: relative;
	float: left;
	width: 645px;
	height: 23px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
	color: white;
	background: url('popup/top_shadow.gif') repeat-x top;
	text-align: left;
}

div#popup div.main div.top_tabs div
{
	position: relative;
	float: left;
	width: 89px;
	height: 51px;
	margin: 0px;
	padding: 0px;
}

div#popup div.main div.top_tabs img
{
	position: relative;
	float: left;
	border: none;
	width: 30px;
	height: 30px;
	margin: 6px 0px 0px 30px;
}

div#popup div.main div.top_tabs span
{
	position: relative;
	float: left;
	border: none;
	width: 89px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
}

div#popup div.main div.top_tabs a
{
	position: relative;
	float: left;
	width: 89px;
	height: 51px;
	margin: 0px;
	padding: 0px;
	background: url('popup/button_inactive.gif');
	text-decoration: none;
	color: #616161;
	font-weight: bold;
	text-align: center;
}

div#popup div.main div.top_tabs a:hover,
div#popup div.main div.top_tabs a.current
{
	position: relative;
	float: left;
	width: 89px;
	height: 51px;
	margin: 0px;
	padding: 0px;
	background: url('popup/button_active.gif');
	color: #5D0D18;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


div#popup div.main div.content
{
	position: relative;
	float: left;
	width: 673px;
	height: 443px;
	background: white;
	padding: 10px 10px 0px 10px;
	text-align: left;
	overflow: auto;
}

div#popup div.main div.content h1
{
	position: relative;
	float: left;
	width: 673px;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #727272;
}

div#popup div.main div.content p
{
	position: relative;
	float: left;
	width: 673px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-family: Arial;
	font-size: 11px;
	color: #727272;
}

div#popup div.main div.lessons
{
	position: relative;
	float: left;
	width: 267px;
	height: 453px;
	overflow: auto;
	background: transparent url('popup/middle_calig.gif') no-repeat fixed;
	text-align: left;

	scrollbar-face-color: #474747;
	scrollbar-highlight-color: #5E5E5E;
	scrollbar-3dlight-color: #3C3C3C;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: #616161;
	scrollbar-arrow-color: #BBBBBB;
	scrollbar-track-color:#5A5A5A;
}

div#popup div.main div.lessons
{
	background: transparent url('images/popup/middle_calig.gif') no-repeat;
} 

div#popup div.main div.lessons a.open
{
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 0px 0px 30px;
	margin-top: 5px;
	color: white;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	background: url('popup/lesson_open.gif') no-repeat 13px 4px;
}

div#popup div.main div.lessons a.open:hover, 
div#popup div.main div.lessons a.open:active,
div#popup div.main div.lessons a.used
{
	color: #DCDC00;
	background: url('popup/lesson_open_hover.gif') no-repeat 13px 4px;
}

div#popup div.main div.lessons a.closed
{
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 0px 0px 30px;
	margin-top: 5px;
	color: white;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	background: url('popup/lesson_closed.gif') no-repeat 13px 5px;
}

div#popup div.main div.lessons a.closed:hover
{
	color: #DCDC00;
	background: url('popup/lesson_closed_hover.gif') no-repeat 13px 5px;
}

div#popup div.main div.lessons p
{
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 0px 0px 30px;
	margin: 5px 0px 0px 0px;
	color: #B0B0B0;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
}

div#popup div.main div.lessons div.dots
{
	position: relative;
	float: left;
	width: 240px;
	height: 1px;
	padding: 0px;
	font-size: 1px;
	margin-top: 5px;
}

div#popup div.main div.lessons div.dots div
{
	position: relative;
	float: right;
	width: 210px;
	height: 1px;
	padding: 0px 0px 0px 0px;
	font-size: 1px;
	background: url('popup/dots.gif') repeat-x;
}


div#popup>div.main div.lessons
{
	position: relative;
	float: left;
	width: 267px;
	height: 453px;
	background-image: url('popup/middle_calig.gif');
	background-attachment: scroll;
	overflow: auto;
}

/* ###################################################################################### */

div#popup div.popup_cont_bottom
{
	position: relative;
	float: left;
	width: 693px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

div#popup div.popup_cont_bottom span
{
	position: relative;
	float: left;
	width: 100px;
	padding: 2px 50px 0px 10px;
	margin: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #A29D9D;
}

div#popup div.popup_cont_bottom span.right
{
	float: right;
	padding: 2px 0px 0px 10px;
}

div#popup div.popup_cont_bottom div.popup_listing
{
	position: relative;
	float: left;
	width: auto;
	height: 20px;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #A29D9D;
	background: none;
}

div#popup div.popup_cont_bottom div.popup_listing a.previous
{
	position: relative;
	float: left;
	width: 22px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	background: url('popup/listing_previous.gif');
}

div#popup div.popup_cont_bottom div.popup_listing a.next
{
	position: relative;
	float: left;
	width: 22px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	background: url('popup/listing_next.gif');
}

div#popup div.popup_cont_bottom div.popup_listing a
{
	position: relative;
	float: left;
	width: 11px;
	height: 14px;
	padding: 2px 0px 0px 5px;
	margin: 0px 1px 0px 1px;
	font-family: Arial;
	font-size: 10px;
	color: #A29D9D;
	background: none;
	text-decoration: none;
}

div#popup div.popup_cont_bottom div.popup_listing a:hover
{
	text-decoration: underline;
}

div#popup div.popup_cont_bottom div.popup_listing input
{
	position: relative;
	float: left;
	width: 11px;
	height: 14px;
	padding: 1px 0px 0px 5px;
	margin: 0px 1px 0px 1px;
	font-family: Arial;
	font-size: 10px;
	color: black;
	border: 1px solid #707070;
}