@charset "utf-8";

/* MENU: collapsible */
#menu.collapsible {
	position: absolute;
	width: 600px;
	height: 510px;
	top: 0px;
	left: 0px;
	color: #173C62;
	overflow: auto;
}
#menu.collapsible #menu_content {
	position: relative;
	float: left;
	width: 524px;
	height: 470px;
	top: 0px;
	left: 0px;
	background-color: #E3EBF0;
	color: #173C62;
	overflow: auto;
	padding: 20px;
}
#menu.collapsible #menu_bt_collapser {
	position: relative;
	float: right;
	width: 36px;
	height: 510px;
	top: 0px;
	right: 0px;
	background: url('imgs/menu_bt_collapser.png') center right no-repeat;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
}

/* MENU: accordion */
#menu.accordion {
	position: relative;
	float: left;
	width: 262px;
	color: #333;
	overflow: auto;
	margin: 4px 0px 4px 4px;
	font-size: 12px;
}
#menu.accordion .title {
	color: #393e44;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	background-color: #D3D7DA;
	padding: 4px 20px 4px 20px;
	min-height: 26px;
}
#menu.accordion #menu_content_wrapper {
}
#menu.accordion #menu_content {
	position: relative;
	float: left;
	width: 245px;
	color: #333;
	background-color: #fff;
	border: 1px solid #D3D7DA;
	overflow: auto;
	padding: 5px 10px 5px 5px;
}

#menu.accordion ul.skeleton * {
	margin: 0px;
}
#menu.accordion ul.skeleton > ul {
	padding-bottom: 4px;
}
#menu.accordion ul.skeleton > li {
	background: url('imgs/bullet_01.gif') no-repeat 0px 3px;
	padding-left: 14px;
}
#menu.accordion ul.skeleton > li > span {
	padding: 2px 4px 3px 4px;
	font-weight: bold;
}
#menu.accordion ul.skeleton ul.sk_sublevel_1 > li {
	background: url('imgs/bullet_02.gif') no-repeat -2px 3px;
	margin-top: 1;
	padding-left: 14px;
	border: 1px solid transparent;
}
#menu.accordion ul.skeleton ul.sk_sublevel_1 > li > span {
	padding: 2px 4px 3px 4px;
}
#menu.accordion ul.skeleton ul.sk_sublevel_2 > li {
	background: url('imgs/bullet_03.gif') no-repeat -2px 3px;
	margin-top: 1;
	padding-left: 14px;
	border: 1px solid transparent;
}
#menu.accordion ul.skeleton ul.sk_sublevel_2 > li > span {
	padding: 2px 4px 3px 4px;
}

/**
#menu.accordion ul.skeleton > li > span {
	display: block;
	cursor: pointer;
	padding: 2px 4px 3px 4px;
	font-weight: bold;
}
#menu.accordion ul.skeleton > li > span:hover {
	color: #fff;
	background-color: #C43040;
}
#menu.accordion ul.skeleton > li > span.active {
	cursor: default;
	color: #fff;
	background-color: #C43040 !important;
	text-decoration: none !important;
}
#menu.accordion ul.skeleton > li > span.over {
	background-color: #F0DBDB;
	text-decoration: underline;
}
#menu.accordion ul.skeleton > li > ul {
	isplay: none;
	margin-left: 0px;
}
#menu.accordion ul.skeleton > li > ul > li {
	background: url('imgs/bullet_bullet.gif') no-repeat 0px 2px;
	cursor: pointer;
	margin-top: 1px;
	padding-left: 17px;
	padding-bottom: 3px;
	border: 1px solid transparent;
}
#menu.accordion ul.skeleton > li > ul > li > span {
	cursor: pointer;
	margin-top: 1px;
	adding-left: 17px;
	adding-bottom: 3px;
	border: 1px solid transparent;
}
#menu.accordion ul.skeleton > li > ul > li.active {
	background-image: url('imgs/bullet_bullet_active.gif');
	color: #fff;
	background-color: #C43040 !important;
	text-decoration: none !important;
}
#menu.accordion ul.skeleton > li > ul > li.over {
	ackground-color: #F0DBDB;
	text-decoration: underline;
}
#menu.accordion ul.skeleton > li > ul > li:hover {
	color: #fff;
	background-color: #C43040;
	background-image: url('imgs/bullet_bullet_active.gif');
}
/**/

#menu.accordion ul.skeleton li span {
	display: block;
	cursor: pointer;
}
#menu.accordion ul.skeleton li span:hover {
	color: #fff;
	background-color: #578200;
}
#menu.accordion ul.skeleton li.active > span {
	color: #fff;
	background-color: #578200;
}



/* Layout Fixer *
#units {
	display: none;
}
#container #contenido_wrapper {
	width: 660px !important;
	height: auto !important;
	float: right;
	margin-right: 4px !important;
}
#container #contenido_wrapper #contenido {
	height: auto !important;
	min-height: 560px;
}
#container #chapter_info {
	float: right;
	background-color: #D3D7DA;
	margin: 4px 4px 0px 0px !important;
	height: auto !important;
	width: 702px !important;
}
#chapter_info #module_title {
	padding-left: 20px;
}
#logo {
	background-image: url('../../../logo.png') !important;
	width: 982px !important;
	height: 31px !important;
	margin-top: 10px !important;
}
#contenido_wrapper #contenido_title {
	display: none;
}
#container #contenido_wrapper #contenido {
	top: 0px !important;
}
#secuencial {
	position: absolute;
	top: 1px;
	right: 755px;
}
#segments_pages {
	visibility: visible !important;
	display: block !important;
}
#top_bar {
	height: 28px;
	margin: 3px 4px 0px 4px;
	background-color: #666666;
}
*/
#glossary {
	left: 265px !important;
}
/* Layout Fixer ends */

/**/
#bussy {
	isplay: none;
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('imgs/ajax-loader-small.gif') center right no-repeat;
}

.link_chapter {
	clear: both;
	float: left;
	width: 680px;
}
.link_pdf {
	float: right;
	width: 130px;
	text-align: left;
	padding-left: 22px;
	background: url('imgs/page_white_acrobat_16x16.png') center left no-repeat;
}

ul.resources {
	clear: both;
	padding-top: 6px;
	padding-right: 20px;
}
ul.resources * {
	font-size: 12px;
	line-height: 14px;
	color: #555;
}
ul.resources li {
	background-position: -4px -2px;
	background-position: 0px 2px;
	padding: 4px 4px 4px 14px;
}
ul.resources li:hover,
ul.resources li:hover a {
	background-color: #153A61;
	color: #fff;
}

/* Popups */
.GUIpopup { position: absolute; ax-width: 600px; in-width: 260px; in-height: 80px; top: 80px; left: 80px; z-index: 980; display: none; cursor: default; }
.GUIpopup .corner { width: 10px; height: 10px; }
.GUIpopup .top { height: 10px; width: 100%; }
	.GUIpopup .corner.top_left { position: absolute; top: 0px; left: -10px; background: url('imgs/GUIpopup_bg_top_left.png') no-repeat top left; }
	.GUIpopup .border_top { width: 100%; min-width: 100%; height: 10px; background-color: #444; }
	.GUIpopup .corner.top_right { position: absolute; top: 0px; right: -18px; width: 18px; background: url('imgs/GUIpopup_bg_top_right.png') no-repeat top right; }
.GUIpopup .middle { position: relative; width: 100%; }
	.GUIpopup .middle .handler { position: relative; height: 18px; width: 100%; cursor: move; background-color: #444; color: #fff; padding-bottom: 6px; }
	.GUIpopup .middle .handler > span { display: block; padding: 0px 0px 8px 0px; border-bottom: 1px solid #fff; font-weight: bold; }
	.GUIpopup .middle .handler .font_sizer { display: none; float: right; height: 18px; line-height: 18px; }
	.GUIpopup .middle .handler .closer { float: right; width: 18px; height: 18px; background: url('imgs/GUIpopup_cerrar_fff.gif') no-repeat top center; cursor: pointer; font-weight: bold; margin-left: 20px; }
	.GUIpopup .middle .content { padding: 10px 10px 10px 0px; color: #fff; background-color: #444; }
	.GUIpopup .middle .content * { color: #fff; }
	.GUIpopup .middle .content h3, .GUIpopup .middle .content h4 { background-color: transparent; border-color: transparent; margin: 0px; padding: 8px 0px 5px 0px; }
	.GUIpopup .middle .content > :first-child { margin-top: 0px; }
	.GUIpopup .middle .border_left { position: absolute; top: 0px; left: -10px; width: 10px; height: 100%; background-color: #444; }
	.GUIpopup .middle .border_right { position: absolute; top: 0px; right: -18px; width: 18px; height: 100%; background: url('imgs/GUIpopup_bg_middle_border_right.png') repeat-y top right; }
	.GUIpopup .middle .popup_scrollUp { position: absolute; top: 30px; right: 1px; width: 30px; height: 30px; background: url('imgs/icon_ScrollUpArrow.png') no-repeat top left transparent; cursor: pointer; }
	.GUIpopup .middle .popup_scrollDown { position: absolute; bottom: 20px; right: 1px; width: 30px; height: 30px; background: url('imgs/icon_ScrollDownArrow.png') no-repeat top left transparent; cursor: pointer; }
.GUIpopup .bottom { position: relative; height: 18px; width: 100%; ackground-color: red;}
	.GUIpopup .corner.bottom_left { position: absolute; top: 0px; left: -10px; height: 18px; background: url('imgs/GUIpopup_bg_bottom_left.png') no-repeat bottom left; }
	.GUIpopup .border_bottom { width: 100%; min-width: 100%; height: 18px; background: url('imgs/GUIpopup_bg_bottom_border.png') repeat-x top left; }
	.GUIpopup .corner.bottom_right { position: absolute; top: 0px; right: -18px; width: 18px; height: 18px; background: url('imgs/GUIpopup_bg_bottom_right.png') no-repeat bottom right; }
	.GUIpopup .popup_resizer { position: absolute; top: -10px; right: 13px; width: 16px; height: 16px; background: url('imgs/GUIpopup_resizer_nw.gif') no-repeat bottom right; cursor: nw-resize; }
	.GUIpopup .popup_resizer.popup_resizer_dots { background: url('imgs/GUIpopup_resizer_dots_nw.gif') no-repeat bottom right; }
.GUIpopup .popup_glossary { display: none; position: absolute; background-color: #0099CC; padding: 10px; color: #fff; border: 2px solid #007399; left: 10px; right: 20px; }

/* HotKeys */
.HotKeys.hotkey { position: absolute; border: 4px solid yellow; background-color: #fff; padding: 1px 6px 2px 6px; font-weight: bold; top: 3px; left: 3px;cursor: help; display: none; }