/*
==============================================================================
							ACADEMIC STYLESHEET
==============================================================================
*/
/*
==============================================================================
	GLOBAL STYLES - REDEFINED HTML TAGS
==============================================================================
*/
a {
	text-decoration: none;
	font: bold 100% Arial, sans-serif, sans;
	color: #4171b5;
}

a:hover,a:focus {
	color: #000915;
}

blockquote {
	font: 1.1em arial, sans, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	font-size: .85em;
	font-family: trebuchet, verdana, Arial, sans-serif, sans;
	color: #000915;
	background-color: #fff;
}

h3 {
	font: bold 1.3em Arial, sans-serif, sans;
}

h4 {
	font: bold 1.2em Arial, sans-serif, sans;
}

img {
	border: 0;
}

input {
	margin-left: 1em;
	border-color: #4171b5;
	border-width: 1px;
	background-color: #fff;
	font: normal 90% trebuchet, verdana, Arial, sans, sans-serif;
}

p {
	clear: both;
	width: 90%;
}

select,textarea {
	font: normal 90% trebuchet, verdana, Arial, sans, sans-serif;
	border: 1px solid #4171b5;
}

small {
	font-size: .9em;
}

table {
	clear: both;
	padding: 0;
}

tr,td {
	padding: .35em;
}

ul {
	list-style: none;
}

/*
==============================================================================
	PAGE STRUCTURE
==============================================================================
*/

/* user_portal course status icon */
.coursestatusicons {
	float: left;
	clear: left;
	margin-right: .5em;
}

/* user_portal course list */
.courses {
	font-weight: bold;
	list-style: none;
	margin-bottom: .2em;
	font-family: arial, sans-serif, sans;
	font-size: 110%;
}

#main {
	font-size: 89%;
	width: 96%;
	padding: 0 1% 15px 3%;
	/* min-height hack for ie6 or older*/
	min-height: 320px;
	height: auto !important;
	height: 320px;
	clear: both;
	float: left;
}

/* For ie6 browsers or older*/
* html #main {
	padding: 0 1% 15px 2.96%;
}

.maincontent {
	margin: 0 0 1em 1em;
	width: 69%;
	float: right;
	clear: right;
}


#outerframe {
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
}

.user_course_category {
	font: bold 100% sans, sans-serif, arial;
	text-transform: capitalize;
	padding: .3em;
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	color: #fff;
	margin:.8em 0;
}

/*
==============================================================================
	HEADER STYLES
==============================================================================
*/

#header {
	background-color: #4171b5;
	font: bold .85em Arial, sans-serif, sans;
	width: 100%;
	line-height: .8em;
	float: left;
	clear: both;
	margin-bottom: .5em;
	color: #b0c8eb;
	position:relative;
}

#header a {
	color: #d6e3f5;
	text-decoration: none;
}

#header a:hover,header a:focus {
	text-decoration: none;
}

#header li#current a,#header a:hover,header a:focus {
	color: #fff;
}

/*
------------------------------------------------------------------------------
	HEADER 1: Title, portal, organisation, course title
------------------------------------------------------------------------------
*/

#header1 {
	width: 30%;
	float: left;
	clear: left;
	margin: .5em 0 0 0;
}

#header1 #my_courses {
	display: none;
	visibility: hidden;
}

#institution {
	margin: 0 0 0 3.9em;
}

/*
------------------------------------------------------------------------------
	HEADER 2: Users online, help, student/teacher view
------------------------------------------------------------------------------
*/

#header2 {
	width: 60%;
	text-align: right;
	float: right;
	clear: right;
	margin: .5em 0 0 0;
	padding: 0;;
	text-align: right;
}

#header2 a:hover,#header2 a:focus {
	color: #fff;
}

#header2 ul {
	list-style: none;
	margin: 0 1.9em 0 0;
	padding: 0;
}

#header2 ul li {
	display: inline;
	width: auto;
	margin: 0 .1em 0 .2em;
	padding: 0;
}

#Header2Right li a img {
	margin: -.4em 0 0 0;
	padding: 0;
}

/*
------------------------------------------------------------------------------
	HEADER 3: Main menu
------------------------------------------------------------------------------
*/

#header3 {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	line-height: 1.35em;
}

#header3 input.logout {
	/* makes an input appear like a link in this header */
	background-color: transparent;
	border: none;
	color: #8cafe1;
	height: auto;
	display: inline;
	line-height: 1em;
	font: bold 1em Arial, sans-serif, sans;
	margin: -.3em 0 0 2em;
	padding: 0;
}

#header3 form {
	margin: 0;
	padding: 0;
}

#header3 #logout {
	display: inline;
	float: right;
	clear: right;
	margin: 0 1.5em 0 0;
	padding: 0;
	width: 10%;
}

#header3 #logout li {
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
}

#header3 ul {
	list-style: none;
	margin: 0 0 0 3.9em;
	padding: 0;
	width: 80%;
}

#header3 ul li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 1em 0 0;
	padding: 0;
}

#header3 ul li a {
	display: inline;
}

/*
------------------------------------------------------------------------------
    HEADER 4:
------------------------------------------------------------------------------
*/

#header4 {
	margin-top: .9em;
	text-indent: 3.9em;
	width: 100%;
	float: left;
	clear: both;
	line-height: .9em;
	height: auto;
	background: #fff none;
	position: relative;
	padding: 0;
}

/* Solves the IE inherited margin bug */ /* IE-7*/
*:first-child+html #header4 {
	margin-top: 0;
}

/*IE-6 or older*/
* html #header4 {
	margin-top: 0;
}

#header4 a {
	color: #0049AF;
	font-size: 120%;
	letter-spacing: -.05em;
}

#header4 a:hover,a:focus {
	color: #003683;
}

#header4 .clear {
	width: 100%;
	background: url('images/shadowheader.jpg') no-repeat bottom right;
	clear: both;
	position: absolute;
	top: -.9em;
	right: 0;
	margin: 0;
	padding: 0;
}

/*
------------------------------------------------------------------------------
    SHORTCUTS
------------------------------------------------------------------------------
*/

#toolshortcuts {
	width:550px;
	position: absolute;
	bottom:-1.1em;
	right:.5em;
	padding: 0;
	margin:0;
	text-align: right;
}

#toolshortcuts a {
	margin:0 3px 0 3px;
}

/*
==============================================================================
    FOOTER STYLES
==============================================================================
*/

#footer {
	background: #4171b5 url('images/bg.jpg') no-repeat 50% 100%;
	font: bold .9em Arial, sans-serif, sans;
	width: 98%;
	float: left;
	clear: both;
	color: #b0c8eb;
	padding: 82px 0 .8em 2%;
	border-bottom: 1px solid #4171b5;
}

#footer a {
	color: #B7DCE9;
}

#footer a:hover,footer a:focus {
	text-decoration: none;
	color: #fff;
}

#footer .copyright {
	float: right;
	clear: right;
	margin: 0 2em 0 0;
}

/*
==============================================================================
    NAVIGATION MENU
==============================================================================
*/

#lang_form select {
	font-family: sans-serif, sans, arial;
	margin: 1em 18px;
	width: 179px;
	text-align: center;
}

.menu {
	background: url('images/bglogin.jpg') repeat-y top center;
	float: left;
	clear: left;
	width: 215px;
	border: 1px solid #b0c8eb;
	margin: 0 0 1em 0;
	padding: 0 0 .3em 0;
	font-family: Arial, sans-serif, sans;
	/* min-height hack for ie6 or older*/
	min-height: 320px;
	height: auto !important;
	height: 320px;
}

.menu #formLogin {
	text-align: center;
	color: #000915;
	font-weight: bold;
	margin-bottom: .8em;
}

.menu #formLogin input {
	margin: .3em auto;
}

.menusection {
	width: 100%;
	margin: .3em 0 .3em 0;
}

.menusection .menulist {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-indent: 1.2em;
	width: 100%;
	list-style: none;
}

.menusection .menulist li {
	margin: .4em .5em .4em 0;
}

.menusectioncaption {
	font: bold 1.2em Arial, sans-serif, sans;
	color: #000915;
	margin: 0 0 .5em 1em;
}

/* Specific for administration section*/
.menu img {
	margin: 0 0 0 1.2em;
	vertical-align: baseline;
}

.menu label {
	display: block;
	clear: both;
	font: bold 1.2em Arial, sans-serif, sans;
	color: #000915;
	text-align: center;
	margin: .3em 0;
	padding: 0;
	width: 100%
}

.menu #loginform {
	text-align: center;
	color: #000915;
	font-weight: bold;
	margin-bottom: .8em;
}

.menu #loginform input {
	margin: .3em auto;
	display: block;
}

.menu .note {
	margin: .3em 0 .3em .5em;
}

td #lang_form select {
	margin: 1em 31px;
}

td .menu {
	background: url('images/bgloginconf.jpg') repeat-y top left;
	width: 244px;
	margin: 0 auto;
}

/*
==============================================================================
    DOCUMENT MODULE AND DATA TABLES
==============================================================================
*/

/* Data tables */
.data_table {
	margin: 0 auto;
	width: 98%;
	clear: both;
	font: bold 100% Arial, sans, sans-serif;
}

.data_table a {
	font: bold 100% Arial, sans, sans-serif;
	text-decoration: none;
}

.data_table .row_even td {
	border-right: 1px solid #fff;
	background: #d6e3f5;
	padding: .2em;
	color: #00122B;
	margin: 0;
}

.data_table .row_odd td {
	border-right: 1px solid #fff;
	background: #dfecff;
	padding: .2em;
	color: #00122B;
	margin: 0;
}

.data_table .row_even:hover td,.data_table .row_odd:hover td {
	background: #8cafe1 none;
	color: #fff;
}

.data_table .row_even:hover td a,.data_table .row_odd:hover td a{
	color: #00357f;
}

.data_table .row_even:hover td a:hover,.data_table .row_odd:hover td a:hover,.data_table .row_even:hover td a:focus,.data_table .row_odd:hover td a:focus{
	color: #fff;
}

.data_table th,.data_table .row_odd th,.row_odd th {
	font: bold 100% sans, sans-serif, arial;
	text-transform: capitalize;
	padding: .2em;
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	color: #fff;
}

.data_table .row_odd th a {
	color: #fff;
	text-decoration: none;
	font-size: 110%;
}

.data_table .row_odd th a:hover,.data_table .row_odd th a:focus {
	color: #d6e3f5;
}

.data_table tr th a {
	color: #fff;
}

.data_table tr th a:hover,.data_table tr th a:focus {
	color: #d6e3f5;
}

.row_odd img,.row_even img {
	margin: 0 1em 0 1em;
}

/* Document links */
#doc_links {
	margin-left: .5em;
}

#doc_links a,#folderselector {
	font: bold 100% Arial, sans-serif, sans;
	color: #4171b5;
	text-decoration: none;
}

#doc_links a:hover,#doc_links a:focus {
	color: #000915;
}

#folderselector {
	color: #000915;
}

#folderselector select {
	margin: 0 .2em;
}

/*
==============================================================================
    FORM STYLES
==============================================================================
*/

div.row {
	clear: both;
	padding-top: 5px;
	margin-left: 1em;
}

div.row div.formw {
	width: 73%;
	margin: 0;
}

div.row div.label {
	float: left;
	text-align: left;
	font: bold 115% Arial, sans-serif, sans;
	width: 25%;
	margin: 0;
}

.formw {
	margin-top: .2em;
	padding-left: .6em;
}

.label {
	margin-right: 1em;
}

.row .formw input {
	margin: 0;
}

/* Solves the IE inherited margin bug */
/* IE-7*/
*:first-child+html .row .formw input {
	margin-left: -1em;
}

/*IE-6 or older*/
* html .row .formw input {
	margin-left: -1em;
}

[dir=ltr] div.row div.label,[dir=rtl] div.row div.formw {
	float: left;
	text-align: right;
}

[dir=rtl] div.row div.label,[dir=ltr] div.row div.formw {
	float: right;
	text-align: left;
}

/* Specific forms: profile,add course,advanced search,advanced course search,etc.. */
#add_course,#profile,#advanced_course_search,#advanced_search,#category,#course_user_import,#export_users,#update_course,#user_add,#user_import
	{
	border: 1px solid #0049AF;
	background: transparent url("images/headerform.jpg") no-repeat top left;
	width: 550px;
	position: relative;
	padding: 60px 0 1em 0;
}

#add_course,#advanced_course_search,#advanced_search,#course_user_import,#export_users,#update_course,#user_add,#user_import
	{
	width: 650px;
	float: left;
	clear: left;
	padding-top: 50px;
	margin-bottom: 1em;
}

#add_course .label,#advanced_course_search .label,#advanced_search .label,#category .label,#course_user_import .label,#export_users .label,#user_import .label
	{
	text-align: left;
}

#advanced_search,#course_user_import,#export_users,#user_import {
	width: 550px;
}

#category {
	clear: both;
}

#category select {
	margin-right: .8em;
}

#export_users .label,#user_import .label {
	width: 45%;
	text-align: left;
}

#export_users .formw,#user_import .formw {
	width: 53%;
}

#myprofilefooter {
	float: left;
	clear: both;
	width: 50%;
	margin: 3em auto;
	background: #fff url("images/tinydivider.jpg") no-repeat bottom center;
	font-size: 110%;
	text-align: center;
	height: 3.5em;
	width: 550px;
}

#profile {
	border:none;
}

#profile .clear {
	position: absolute;
	background: transparent url("images/divider.jpg") no-repeat top center;
	top: 30px;
	left: 1em;
	height: 55px;
	width: 100%;
}

#profile .label,#update_course .label,#user_add .label {
	text-align: right;
}

#profile .formw,#profile .label {
	position: relative;
	left: 20%;
}

#update_course {
	width: 90%;
}

#update_course .formw {
	margin-top: .7em;
}

#update_course .label {
	margin-top: .6em;
}

#user_add {
	width: 80%;
}

#user_add input {
	margin-left: .3em;
}

/*
==============================================================================
    ADMIN SECTION
==============================================================================
*/

.admin_section {
	float: left;
	margin: 1em 1em;
	width: 40%;
	border: 1px solid #0049AF;
	padding: .5em .7em .5em .7em;
	line-height: 120%;
}

.admin_section h4 {
	margin: 0;
	width: 100%;
	font-size: 120%;
	font-family: Arial, sans, sans-serif;
	font-weight: bold;
}

.admin_section input {
	margin: .5em;
}

/*
==============================================================================
    COURSE ADMIN
==============================================================================
*/

.courseadminview {
	width: 80%;
	text-align: center;
	border: 1px solid #0049AF;
	margin: 1.5em auto;
}

.courseadminview a {
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	font: bold 100% Arial, sans-serif, sans;
	color: #4171b5;
}

.courseadminview a:hover,.courseadminview a:focus {
	color: #000915;
}

.courseadminview table td {
	text-align: left;
}

#courseintro_icons {
	margin: 1em auto;
	clear: both;
	width: 80%;
}

.viewcaption {
	font: bold 110% arial, sans, sans-serif;
	position: relative;
	background-color: #fff;
	float: left;
	clear: left;
	top: -1.1em;
	padding: 0 .2em;
	margin: 0;
}

/*
==============================================================================
    AGENDA
==============================================================================
*/

#agenda_list {
	margin: 0 auto;
	width: 95%;
}

#agenda_list .datanow {
	border: 1px solid #002D6D;
	vertical-align: top;
	font: bold 100% sans, sans-serif, arial;
	text-transform: capitalize;
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	border: 1px solid #002D6D;
	color: #fff;
}

#agenda_list img {
	margin-right: .8em;
}

#agenda_list td.data img,#agenda_list td.datanow img {
	margin-bottom: -.6em;
	margin-top: -.3em;
}

#agenda_list td.textnow {
	border: 1px solid #002D6D;
	background-color: #b0c8eb;
	padding: .5em;
}

#agenda_list tr,#agenda_list td {
	width: auto;
	border: none;
}

#agenda_list tr.data,#agenda_list td.data,.data {
	background: #d6e3f5 url('images/crystal5.png') repeat-x;
	border: 1px solid #002D6D;
	vertical-align: top;
	color: #002457;
}

#agenda_list tr.text,#agenda_list td.text,.text {
	border: 1px solid #002D6D;
}

.agenda_month_divider {
	text-align: center;
	background: #fff url("images/divider2.jpg") no-repeat 50% 1.3em;
	height: 2.8em;
}

.agenda_month_divider,.title {
	font: bold 1.2em Arial, sans-serif, sans;
	color: #4171b5;
	text-align: center;
}

#agenda_select img {
	margin-right: .2em;
}

#agenda_select li {
	margin-bottom: .6em;
	font: bold 1em Arial, sans-serif, sans;
}

#agenda_select li a {
	font: bold 1em Arial, sans-serif, sans;
	text-decoration: none;
	color: #4171b5;
}

#agenda_select li a:hover,#agenda_select li a:hover {
	color: #002D6D;
}

.alternativeBgLight {
	background-color: #b0c8eb;
}

.announcements_datum {
	color: #003683;
	border: 1px solid #002D6D;
	background-color: #b0c8eb;
}

.data,.announcements_datum,.datanow {
	font: bold 1em Arial, sans-serif, sans;
}

.datanotbold {
	font-weight: normal;
}

span.agendaitem {
	text-align: center;
	display: block;
	font-size: 95%;
	width: 90%;
	margin: 0 auto;
	font-size: .9em;
}

span.agendaitem i {
	font: bold 97% Arial, sans-serif, sans;
	color: #a9a;
}

/* Calendar */
.days_today {
	font: bold 1em Arial, sans-serif, sans;
	text-decoration: none;
	color: #002D6D;
}

.days_week {
	background: #dfecff;
}

.days_week,.days_weekend,.days_today {
	text-align: center;
}

.days_week a,.days_weekend a {
	color: #4171b5;
	font: bold 1em Arial, sans-serif, sans;
}

.days_week a:hover,.days_weekend a:hover,.days_week a:focus,.days_weekend a:focus
	{
	text-decoration: none;
	color: #001B41;
}

.days_week .agendaitem i,.days_weekend .agendaitem i {
	color: #003F99;
}

.days_weekend {
	background: #d6e3f5;
}

#newedit_form tr.title {
	background:none;
	color:#000;
	text-align:left;
}

.title {
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	color: #fff;
}

.title a {
	color: #fff;
}

.title a:hover,.title a:focus {
	color: #00122B;
}

.weekdays {
	font: bold 1.1em Arial, sans-serif, sans;
	color: #fff;
	background-color: #8cafe1;
	text-align: center;
}

/*
==============================================================================
    DOKEOS CONFIG SETTINGS
==============================================================================
*/

#settings {
	width: 70%;
	margin: .5em auto;
	border: 1px solid #0049AF;
	padding: .2em;
}

.settingtitle {
	text-align: left;
	text-indent: .5em;
	font: bold 130% Arial, sans-serif, sans;
	margin: .1em auto .1em auto;
	padding: .1em;
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	color: #fff;
	border: 1px solid #002D6D;
	width: 99.5%;
	letter-spacing: -.03em;
}

.settingcomment {
	margin: .5em 0 .5em .5em;
	font: bold 110% Arial, sans-serif, sans;
}

.settingvalue {
	margin: .5em 0 2em .5em;
}

/*
==============================================================================
    BLOG
==============================================================================
*/

.blog_left,.blog_right {
	background: #fff url("images/vertdivider.jpg") no-repeat top left;
	padding-left: 10px;
}

.blog_menu_title {
	width: 99%;
	border: 1px solid #0049AF;
	background: #c1d4ef url('images/crystal5.png') repeat-x;
}

.blog_right {
	text-align: justify;
	padding-left: 1em;
	background-color: transparent;
}

.blog_right a img {
	margin-right: .2em;
}

.blog_right table {
	margin-left: .8em;
}

.blog_menu_title,.blogpost_title {
	font: bold 110% Arial, sans-serif, sans;
}

.blogpost {
	margin: .2em 1.5em;
	background: transparent url("images/tinydivider.jpg") no-repeat bottom
		center;
	padding-bottom: 2em;
	text-indent: 1em;
}

.blogpost_actions img {
	margin: 0 0 0 .8em;
	vertical-align: bottom;
}

.blogpost_comment {
	text-indent: 2em;
	margin-top: .5em;
}

.blogpost_date,.blog_subtitle,.blog_menu_title,.blogpost_comment_date {
	color: #001B41;
	font: bold 110% Arial, sans-serif, sans;
}

.blogpost_date,.blogpost_comment_date {
	border: none;
	margin-left: 1em;
}

.blogpost_info,.blogpost_comment_info {
	margin-left: 1em;
	font: bold 100% Arial, sans-serif, sans;
}

.blogpost_introduction,.blogpost_text {
	display: block;
	clear: both;
	margin: .5em 0;
	text-indent: 2em;
}

.blogpost_title {
	font: bold 130% Arial, sans-serif, sans;
	margin: 0 0 .5em 1em;
}

.blog_subtitle {
	position: relative;
	top: .8em;
	padding: .2em 1em;
	color: #fff;
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	border: 1px solid #002D6D;
	display:block;
	width:250px;
	margin:0 0 -1em 0;
}

/*Hack for KHTML and safari browser to fit left*/
body:last-child:not(:root:root) .blog_subtitle {
	width:220px;
}

.blog_title {
	padding: .1em .85em;
	font: bold 130% Arial, sans-serif, sans;
	color: #fff;
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	border: 1px solid #002D6D;
	margin:0 0 -1.3em 0;
	display:block;
	width:250px;
}

/*Hack for KHTML and safari browser to fit left*/
body:last-child:not(:root:root) .blog_title {
	width:222px;
}

.comments,.new_comment {
	margin-left: 1em;
}

.blogpost_comment {
	background: transparent url('images/thindivider.jpg') no-repeat bottom
		center;
	padding-bottom: 25px;
	margin-bottom: 2em;
}

.blogpost_comment_date {
	font-size: 95%;
}

.blogpost_comment_title {
	font-size: 95%;
	background: #b0c8eb none;
	padding: 0.4em;
	border: 1px solid #0049AF;
}

.blogpost_comment .blogpost_text {
	border: 1px solid #0049AF;
	padding: .6em;
}

#title {
	font: bold 1.2em Arial, sans-serif, sans;
	color: #003683;
	text-align: center;
}

/*
==============================================================================
    TRACKING
==============================================================================
*/

a.specialLink {
	font: bold 80% Arial, sans-serif, sans;
	color: #4171b5;
}

a.specialLink:hover,a.specialLink:focus {
	color: #000915;
}

/*
==============================================================================
    FORUM
==============================================================================
*/

.forum {
	border: 1px solid #0049AF;
	padding: 1px;
}

.forum_header td {
	background: transparent url('images/line.jpg') repeat-x bottom center;
}

/*
------------------------------------------------------------------------------
    POST
------------------------------------------------------------------------------
*/

.forum_message_left {
	background: #d6e3f5 url('images/crystal5.png') repeat-x;
	border: 1px solid #002D6D;
	color: #0049AF;
	vertical-align: top;
	width: 15em;
	border-collapse: collapse;
}

.forum_message_left a {
	color: #002D6D;
}

.forum_message_left a:hover,.forum_message_left a:focus {
	color: #000915;
}

.forum_message_post_text {
	margin-bottom: 10px;
	vertical-align: top;
}

.forum_message_post_title {
	text-align: left;
	font: bold 95% Arial, sans-serif, sans;
	background: #b0c8eb none;
	border: 1px solid #0049AF;
	padding: 0.2em;
	vertical-align: top;
	height: 20px;
}

.quote {
	background-color: #EFEFEF;
}

/*
==============================================================================
    DISPLAY MESSAGES
==============================================================================
*/

/* Common message styles */
.confirmation-message,.error-message,.normal-message,.warning-message {
	border: 1px solid #0049AF;
	margin: 1em auto;
	padding: 40px .3em .5em .3em;
	position: relative;
	width: 500px;
	color: #111;
	background: transparent url('images/alert.jpg') no-repeat 54px 0px;
	font: bold 110% Arial, sans-serif, sans;
	text-align: left;
}

.confirmation-message img,.error-message img,.normal-message img,.warning-message img
	{
	position: absolute;
	top: 0;
	left: 238px;
}

#message {
	margin: 0 auto;
	text-align: center;
}

#message select {
	margin: 10px 0;
	width: 220px;
}

#message textarea {
	margin: 10px 0;
}

#message td {
	padding: 4px;
}

/*
==============================================================================
    DROPBOX
==============================================================================
*/

#tabbed_menu {
	border: 1px solid #0049AF;
	background: transparent url('images/dropbox.jpg') no-repeat top left;
	width: 10em;
	margin: 0 0 1em 0;
}

#tabbed_menu_tabs {
	width: 90%;
	margin: 15px .2em 0 .2em;
	padding: 0;
}

#tabbed_menu_tabs li {
	padding: 0;
	margin: 0 .8em;
}

/*
==============================================================================
    SYSTEM ANNOUNCEMENTS
==============================================================================
*/

div.system_announcement {
	padding: .2em;
	background-color: #d6e3f5;
	border: 1px solid #002D6D;
	color: #002D6D;
}

.system_announcement {
	background: #8cafe1 url('images/crystal3.png') repeat-x;
	font: bold 100% arial, sans-serif, sans;
	color: #fff;
}

.system_announcement a {
	color: #d6e3f5;
}

.system_announcement a:hover,.system_announcement a:focus {
	color: #fff;
}

.system_announcement_content {
	font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
}

.system_announcements {
	background: transparent url('images/systemenouvelles.jpg') no-repeat top
		left;
	padding-top: 30px;
	width: 50%;
}

.system_announcements h3 {
	text-align: center;
}

.system_announcement_title {
	color: #fff;
}
/*
==============================================================================
	FCKEDITOR
==============================================================================
*/

.skip {
	position:absolute;
	top:0;
	left:-9000px;
}

/*
==============================================================================
    INSTALLATION
==============================================================================
*/

#installation_steps {
	background-color: #EFEFEF;
	float: left;
}

.current_step {
	font-weight: bold;
}

.RequirementHeading {
	margin-right: 10px;
}

.RequirementHeading h1 {
	border-bottom: 1px solid #0066CC;
	color: #0066CC;
	font-size: 1.2em;
	font-weight: bold;
}

.RequirementText {
	color: #666;
	float: right;
	font-size: 1.0em;
	font-weight: normal;
	width: 200px;
}

.RequirementContent {
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
}

.RequirementContent table {
	border: 1px solid #ccc;
	width: 400px;
}

.RequirementContent table th {
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.requirements-item {
	background-color: #f7f7f7;
	padding-left: 2px;
	width: 50%;
}

#openarea___Config {
	width:200px;
}

#openarea___Frame {
	width:200px;
}