/**
 * CSS File for Egora Arena
 */

* {
	font-family: Arial, Helvetica, sans-serif;
}

p, li, input, option, select, label, th, td, textarea {
	font-size: 12px;
}

h1 {
	font-size: 35px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 32px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 16px;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}

h4 {
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
}

p {
	margin: 8px 0 20px;
	/*border: 1px solid lime;*/
}

ul, li {
	margin: 0;
	padding: 0;
}

ul {
	margin-left: 18px;
}

li {
	padding: 6px 0;
}

th {
	text-align: right;
	vertical-align: top;
	padding-right: 4px;
}

thead th {
	text-align: center;
}

a {
	background-color: inherit;
	color: #000;
	text-decoration: none;
}

a:hover {
 	color: #CCC;
}

a img {
	border: 0;
}

form {
	border: 0;
	padding: 0;
	margin: 0;
}

form.inlineForm {
	display: inline;
}

.warningText,
.errorText {
	font-weight: bold;
	color: #F00;
	background-color: inherit;
}

div.clearBoth {
	clear: both;
}

div#pageContainer,
div#footer {
	font-size: 10px;
	margin: auto;
	width: 932px;
	position: relative;
}

div#menuBar {
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	background-color: inherit;
}

div#menuBar table {
	color: inherit;
	background-color: #001F33;
}

td#menuBarContent {
	padding: 4px 42px;
}


div#menuBar a,
div#formations a {
	color: #FFF;
	background-color: inherit;
}

div#menuBar a:hover,
div#formations a:hover {
	color: #CF0;
	background-color: inherit;
}

div.menuItems {
	display: inline;
}

.menuStaticText {
	color: #CF0;
	background-color: inherit;
}

div#bienvenue p {
	color: #000;
	background-color: inherit;
}

div#formations {
	float: left;
	width: 200px;
	background-color: #001F33;
}

div#formations table {
	border-width: 0;
	border-spacing: 0;
	width: 100%;
}

td#formationsContent {
	padding: 20px 0;
	color: #FFF;
	background-color: inherit;
}

div#formations h3 {
	color: #FFF;
	background-color: inherit;
	text-decoration: underline;
	font-size: 12px;
	margin: 0;
	margin-bottom: 24px;
}

div#formations ul {
	margin: 0;
	list-style: none;
}

div#formations li {
	border-bottom: 1px solid #F60;
	list-style-position: inside;
}

div#formations label {
	color: #FFF;
	background-color: inherit;
	display: block;
	margin: 16px 0 2px;
}

div#mainContent {
	margin-left: 215px;
}

* html div#mainContent {
	width: 715px;
	float: right;
	margin-left: 0;
}

div#HeaderContainerRHS {
	float: right;
	margin-right: 14px;
}

div#footer {
	clear: both;
}

div#footer img {
	float: right;
	vertical-align: middle;
}

/************************************* FOOTER *************************************/
/* Copyright text in the footer */
.copyrightText {	
	font-family: Arial;
	font-size: 10px;
	color: #626262;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-transform: none;
	text-decoration: none;
}

.footerlink {
	font-family: Arial;
	font-size: 10px;
	color: #B4B4B4;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-transform: none;
	text-decoration: none;


	text-align : left;
	padding-left: 20px;
}
thead th{
	border-bottom: 2px solid #DDD;
	text-align: left;
}

tr.even td {
	background-color: #DDD;
}

tr.odd td {
	background-color: #FFF;
}

table.searchResults {
	margin-top: 12px;
}

/**
 * Login/Registration
 */
div#registerPanel {
	background-color: #d9dee1;
	float: right;
	margin-left: 20px;
}

form#loginForm {
	margin-left: 30px;
}

form#loginForm label,
form#loginForm input,
div#loginFormContainer p {
	font-size: 11px;
	display: block;
}

input#loginButton {
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	width: 120px;
	color: #fff;
	height: 19px;
	background-color: #f45400;
}

/**
 * Home page
 */
div#actualites {
	width: 310px;
}

div#actualites h3 {
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

div#actualites h4 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

div#actualites p {
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	font-size: 10px;
}


/**
 * Resource Library
 */

p#librarySubTitle {
	color: #09F;
	background-color: inherit;
	font-weight: bold;
}

div.contentPanel,
div.modulesPanel {
	margin-bottom: 28px;
}

table.contentPanelTable,
table.modulesPanelTable {
	border: 0;
	border-spacing: 0;
	width: 100%;
}

div.contentPanel table tr.top td,
div.contentPanel table tr.bottom td,
div.modulesPanel table tr.top td,
div.modulesPanel table tr.bottom td{
	height: 8px;
}

div.contentPanel table tr.top td.left {
	background-image: url(../arena/images/ar_white_hg.gif);
	width: 8px;
}

div.contentPanel table tr.top td.centre {
	background-image: url(../arena/images/ar_white_top.gif);
	background-repeat: repeat-x;
}

div.contentPanel table tr.top td.right {
	background-image: url(../arena/images/ar_white_hd.gif);
	width: 8px;
}

div.contentPanel table tr.middle td.left {
	background-image: url(../arena/images/ar_white_g.gif)
}

div.contentPanel table tr.middle td.right {
	background-image: url(../arena/images/ar_white_d.gif);
}

div.contentPanel table tr.bottom td.left {
	background-image:url(../arena/images/ar_white_bg.gif);
	width: 8px;
}

div.contentPanel table tr.bottom td.centre {
	background-image: url(../arena/images/ar_white_bot.gif);
	background-repeat: repeat-x;
}

div.contentPanel table tr.bottom td.right {
	background-image: url(../arena/images/ar_white_bd.gif);
	width: 8px;
}

div.contentPanel h3,
div.modulesPanel h3 {
	border-bottom: 1px solid #000;
	margin: 0 0 8px;
	padding: 0 0 4px;
}

div.modulesPanel {
	color: inherit;
	background-color: #E5E8EA;
}

div.modulesPanel table tr.top td.left {
	background-image: url(../arena/images/ar_grey_hg.gif);
	width: 8px;
}

div.modulesPanel table tr.top td.centre {
	background-image: url(../arena/images/ar_grey_top.gif);
	background-repeat: repeat-x;
}

div.modulesPanel table tr.top td.right {
	background-image: url(../arena/images/ar_grey_hd.gif);
	width: 8px;
}

div.modulesPanel table tr.middle td.left {
	background-image: url(../arena/images/ar_grey_g.gif)
}

div.modulesPanel table tr.middle td.right {
	background-image: url(../arena/images/ar_grey_d.gif);
}

div.modulesPanel table tr.bottom td.left {
	background-image:url(../arena/images/ar_grey_bg.gif);
	width: 8px;
}

div.modulesPanel table tr.bottom td.centre {
	background-image: url(../arena/images/ar_grey_bot.gif);
	background-repeat: repeat-x;
}

div.modulesPanel table tr.bottom td.right {
	background-image: url(../arena/images/ar_grey_bd.gif);
	width: 8px;
}

div.modulesPanel span#key {
	margin-top: 4px;
	margin-right: 4px;
	float: right;
	font-size: 10px;
}

div.modulesPanel ul {
	margin-left: 0;
	list-style-type: none;
}

div.modulesPanel img.lessonStatus {
	vertical-align: middle;
}

/**
 * News
 */

img.newsImage {
	 float: left;
	 margin-bottom: 8px;
	 margin-right: 8px;
}

p.printFriendlyLink {
	clear: both;
	text-align: right;
	border-top: 1px solid black;
	padding-top: 8px;
}

/**
 * Expert Advice
 */

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

ul#contactSubjects li {
	padding: 2px;
}

/**
 * Discussion forums
 */

h4.postTitle {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
}

table.postLayout {
	margin: 4px 0 20px;
	width: 100%;
	border-bottom: 1px solid #DDD;
}

table.postLayout td {
	padding-top: 4px;
}