/*
==============================================================================
	GLOBAL STYLES
==============================================================================
*/
.dokeos_course {
	width:95%;
	margin:1em auto;
	text-align:center;
}
/*
------------------------------------------------------------------------------
	Introductory title
------------------------------------------------------------------------------
*/ 

#box_title1, #footer1 {
	border:1px solid #4171b5;
	padding:1em;
	width:99%;
	margin:1em auto;
}
#box_title1 h1 {
	font:bold 2.5em Arial, sans-serif, sans;
}
#box_title h2 {
	font:bold 2em Arial, sans-serif, sans;
}
#content1 {
	width:99%;
	clear:both;
	text-align:justify;
}
#content1 img.icon {
	float:left;
	margin:0 1em 1em 1em;
	display:block;
	vertical-align:top;
}
#email1 {
	float:right;
	clear:right;
	text-align:right;
}
#email1, .manager1 {
	width:50%;
}
#footer1 {
	font-weight:bold;
	height: 1em;
	line-height: 1em;
}
#manager1 {
	float:left;
	clear:left;
	text-align:left;
}
/*
------------------------------------------------------------------------------
	Explanation
------------------------------------------------------------------------------
*/

#content2 {
	position:absolute;
	top:2em;
	left:18em;
	text-align:justify;
	margin-right:2em;
}
#content2 h1 {
	padding:.5em;
	font:bold 2em Arial, sans-serif, sans;
}
#content2 h2 {
	font:normal 1.1em Arial, sans-serif, sans;
	margin:.2em 0 3em .5em;
}
#content2 p {
	margin:.5em;
}
#explanation {
	text-align:center;
	margin: 1em auto;
	width:auto;
	border:1px solid #4171b5;
}
#list2 {
	width:10em;
	border:1px solid #4171b5;
	margin:2em auto;
}
#list2 p {
	text-align:left;
	margin-left:.2em;
}
#list2 li {
	margin:0 0 0 2em;
	padding:0;
	text-indent:.5em;
	text-align:left;
	list-style-position:inside;
}
#list2 ul {
	margin:0 0 .5em 0;
	padding:0;
	text-align:left;
	list-style-position:inside;
}
#main2 {
	border:1px solid #4171b5;
}
#nav2 {
	position:absolute;
	left:2em;
	top:3em;
	width:15em;
}
.template2 {
	position:relative;
}
/*
------------------------------------------------------------------------------
	Course objetives
------------------------------------------------------------------------------
*/
#box_title3, #content3 {
	border:1px solid #4171b5;
	padding:1em;
	width:99%;
	margin:1em auto;
}
#box_title3 h1 {
	font:bold 3.5em Arial, sans-serif, sans;
}
#content3 {
	position:relative;
	padding-bottom:50px;
	text-align:left;
}
#content3 #primary {
	font-weight:bold;
	font-size:2em;
	margin:0;
	padding:0;
}
#content3 #primary li, #content3 #secondary li {
	margin:0 0 0 1em;
	padding:0;
}
#content3 #primary .secondary {
	font-weight:normal;
	font-size:.8em;
	margin:0 0 0 2em;
	padding:0;
}
#footer3 {
	position:absolute;
	bottom:0;
	right:0;
}
/*
==============================================================================
	Styles for corporative version
==============================================================================
*/
#corp {
	font:normal .85em Lucida Grande, Arial, sans-serif, sans;
}
#corp a {
	text-decoration: none;
	font: bold 100% Arial, sans-serif, sans;
	color: #4170b4;
}
#corp a:hover, #corp a:focus {
	color: #111;
}
/*
------------------------------------------------------------------------------
	Introductory title
------------------------------------------------------------------------------
*/ 

#corp #box_title1 {
	background:transparent url("images/alert.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
}
#corp #box_title1 #bottom {
	background:transparent url("images/alert.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#corp #footer1 {
	border: 1px solid #ddd;
	background:#eee url("images/headertables.jpg") repeat-x top center;
	line-height:.8em;
	height:.8em;
	padding:.5em;
}
/*
------------------------------------------------------------------------------
	Explanation
------------------------------------------------------------------------------
*/ 
#corp #explanation {
	background:transparent url("images/alert.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
}
#corp #explanation #bottom {
	background:transparent url("images/alert.jpg") no-repeat top center;
	height:40px;
	margin-top:-15px;
	width:100%;
}
#corp #list2, #corp #main2 {
	border:1px solid #aaa;
}
#corp #content2 #main2 h2 {
	font:bold 1.1em Arial, sans-serif, sans;
	margin:.2em 0 3em .5em;
}
/*
------------------------------------------------------------------------------
	Course objetives
------------------------------------------------------------------------------
*/
#corp #box_title3 {
	background:transparent url("images/alert.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
}
#corp #box_title3 #bottom {
	background:transparent url("images/alert.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#corp #content3 {
	border:1px solid #bbb;
}
/*
==============================================================================
	Styles for academic version
==============================================================================
*/
#academic {
	font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans;
	color: #000915;
}
#academic a {
	text-decoration: none;
	font: bold 100% Arial, sans-serif, sans;
	color: #4171b5;
}
#academic a:hover, a:focus {
	color: #000915;
}
/*
------------------------------------------------------------------------------
	Introductory title
------------------------------------------------------------------------------
*/ 
#academic #box_title1 {
	background:transparent url("images/alert_academic.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
	color: #00122B;
}
#academic #box_title1 #bottom {
	background:transparent url("images/alert_academic.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#academic #footer1 {
	background: #8cafe1 url('images/crystal3.png') repeat-x;
}
#academic #footer1 a {
	color:#fff;
}
#academic #footer1 a:hover, #academic #footer1 a:focus {
	color: #000915;
}
/*
------------------------------------------------------------------------------
	Explanation
------------------------------------------------------------------------------
*/
#academic #explanation {
	background:transparent url("images/alert_academic.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
	color: #00122B;
}
#academic #explanation #bottom {
	background:transparent url("images/alert_academic.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#academic #list2, #academic #main2 {
	border: 1px solid #0049AF;
}
#academic #nav2 img {
	margin-bottom:3em;
}
#academic #nav2 .logo {
	margin-left:-1.2em;
}
#academic #nav2 {
	top:5em;
}
/*
------------------------------------------------------------------------------
	Course objetives
------------------------------------------------------------------------------
*/
#academic #box_title3 {
	border: 1px solid #0049AF;
	background: #b0c8eb url('images/crystal3.png') repeat-x;
	color: #00122B;
}
#academic #content3 {
	border: 1px solid #0049AF;
}
/*
==============================================================================
	Styles for baby version
==============================================================================
*/
#baby {
	font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
	color: #000;
}
#baby a {
	text-decoration: none;
	font: bold 100% Arial, sans-serif, sans;
	color: #9a0;
}
#baby a:hover, a:focus {
	color: #470;
}
/*
------------------------------------------------------------------------------
	Introductory title
------------------------------------------------------------------------------
*/

#baby #box_title1 {
	background:transparent url("images/alert_baby.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
	color: #00122B;
}
#baby #box_title1 #bottom {
	background:transparent url("images/alert_baby.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#baby #footer1 {
	background-color:transparent;
	border: 1px solid #BFAF00;
	padding: .2em;
	color: #3F3A00;
}
/*
------------------------------------------------------------------------------
	Explanation
------------------------------------------------------------------------------
*/
#baby #explanation {
	background:transparent url("images/alert_baby.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
	color: #3F3A00;
}
#baby #explanation #bottom {
	background:transparent url("images/alert_baby.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#baby #list2, #baby #main2 {
	border: 1px solid #BFAF00;
}
#baby #nav2 {
	top:0;
}
#baby #content2 #main2 h2 {
	font:bold 1.1em Arial, sans-serif, sans;
	margin:.2em 0 3em .5em;
}
/*
------------------------------------------------------------------------------
	Course objetives
------------------------------------------------------------------------------
*/

#baby #box_title3 {
	background:transparent url("images/alert_baby.jpg") no-repeat top center;
	border:none;
	padding-top:10px;
	color: #3F3A00;
}
#baby #box_title3 #bottom {
	background:transparent url("images/alert_baby.jpg") no-repeat top center;
	height:40px;
	width:100%;
}
#baby #content3 {
	border: 1px solid #BFAF00;
}
