/****************************   GENERAL STYLE  ******************************/
/* (don't touch this part: if possible add your css at the end of the file) */
html {
	background-color: #839096;
}
body{
	height: 100%;
	font-size: 62.5%;
	color: #555555;	
	text-align: center;
}

body.mceContentBody /* for tinymce */
{
    text-align: left;
    background-color: #FFFFFF;
}

body, table, form, p{
	font-size:8pt;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	/*font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;*/
}

table#alpha-frame{
	width: 975px;
	background: url(/public/graph/frame_bg.png);	
	margin: 10px auto 10px auto;
	text-align: left;
}

table#alpha-frame td#alpha-document{
	padding: 0 30 0 30px;	
}

td{
	vertical-align: top;
}

a, a:visited{
	text-decoration:  none;	
	/*color:#6A89C4;*/
	color:#4C78C1;
	/*color:#516063; */
}

a:hover, a:focus{
	/*color: #FFA448;*/
	color:#172122;
}

img{
	border: none;
	vertical-align: middle;
}
/* ** ** */
h1, h2, h3, h4, h5, h6, dt{
	color: #969696; /*#3A66A5;*/
}

h1{
	margin: 5px 0px 10px;
/*	border-bottom: solid #3965A4 1px;
	text-align: center;	
	font-size: 14pt;
	font-weight: bold;
	*/
	
	border-bottom: 1px dotted #3B62B1; 
	font-family:arial rounded mt bold,arial;
	font-size:14pt; 
	color:#3B62B1; 
	font-weight:bold;
}

h2{
	font-size: 13pt;
	font-weight: bold;
	margin: 3px 0px 5px;
	color: #6A89C4;
}

.englishTitle {
	font-size: 10.5pt;
	font-weight: bold;
	color: #666666;
}

h3{
	margin: 3px 0 0 0;
	margin-bottom: 1em;
	font-size: 10.5pt;
	font-weight: bold;
	color: #666666;
}

h4{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 9pt;
	color:#3B62B1;
}

.title3{
	border-bottom: 1px dotted #aaaaaa; 
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 9pt;
	color:#3B62B1;
}

h5{
	margin: 0;
	font-size: 0.9em;
}

h6{
	margin: 0;
	font-size: 0.8em;
}

hr{
	height: 0px;
	border: none;
	border-bottom: dotted #A5A3A5 1px; /*#D9DBE7 */
}

ul{
	list-style-type: square;
	margin: 0.5em 0 0 1.5em;
	padding: 0;
}

li{
	margin: 0 0 1em 0em;
}

dl {
	padding: 5px 10px 5px;
	margin: 0;
}

dt {
	margin: 0px 0 0 10px;
	background: url(/public/graph/arrow_right_1.png) left 5px no-repeat;
	border-bottom: solid #666699 1px;
	font-size: 1.1em;
	padding: 0 0 0 6px
}

dd {
	margin:4px 4px 10px 20px;
	padding:0 0 0 4px;
}

form{
	padding: 0;
	margin: 0;
}

fieldset{
	padding:10px;
	margin: 0;
	border: 1px solid #8CACBB;
	line-height: 1.5em;
}

legend{
	color: #000000;
}

textarea {
    width: 100%;
	margin: 1px;
	border: solid 1px #8CACBB;
}

input[type=text], input[type=password]{
	background-color: #FFFFFF;
	border: solid 1px #8CACBB;
	margin: 1px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	border: solid 1px #FFA500;
}

.blue_text{
	color: #2B4486;
}

.box{
	border: solid #D9DBE7 1px;
	background-color: #F6F6F6;
}

.light_box{
	background-color: #F9F9F9;
}



/* *********** HEADER ***************** */
table#alpha-frame td#alpha-header {
	padding: 0 10 0 10px;
}

table#alpha-frame td#alpha-header img{
	vertical-align: middle;
}

td#alpha-header .header_content{
	background-color: #5C7AB8;
}

div.header_container{
	background: url(/public/graph/users/spaces-telearn.jpg);
}

td#alpha-header .header_text{
	position: absolute; 
	margin: 40px 0 0 25px; 
	font-family: Tahoma; 
	font-size: 20px; 
	font-weight: bold; 
	color: #FFFFFF; 
	width: 650px;
}

td#alpha-header .header_text .grey{
	color: #B4B2B7;
}

/* *********** TOOLBAR ***************** */
table#alpha-frame td#alpha-toolbar {
	padding: 0 10px 0 10px;
	border: none;
	background: none;
	white-space: nowrap;	
}

table#alpha-frame td#alpha-toolbar .blue_text{
	color: #2B4486;
}

table#alpha-frame td#alpha-toolbar img{
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: -5px;
}

table#alpha-frame td#alpha-toolbar table{
	height: 30px;
	white-space: nowrap;
	width: 100%;
	line-height: 20px;
	background: url(/public/graph/toolbar_background.png) bottom repeat-x;
	background-color: #E1E1E1;
}

table#alpha-frame td#alpha-toolbar td{
	padding: 0px 5px;
	height: 20px;
}

table#alpha-frame td#alpha-toolbar td.toolbar-left{
	text-align: left;
	padding: 5px;
}

table#alpha-frame td#alpha-toolbar .tools img{
	margin-right: 2px;
}

table#alpha-frame td#alpha-toolbar .tools img:hover, table#alpha-frame td#alpha-toolbar .tools a:focus img{
	outline: solid 1px #FFA448;
}

table#alpha-frame td#alpha-toolbar .point img{
	vertical-align: middle;
}

table#alpha-frame td#alpha-toolbar span.separator{
	padding: 5px 2px;
	background: url(/public/graph/separator.png) center center no-repeat;
}

table#alpha-frame td#alpha-toolbar span.arrow{
	background: url(/public/graph/arrow_right_1.png) center center no-repeat;
	padding: 2px;
}

table#alpha-frame td#alpha-toolbar td.toolbar-right{
	text-align: right;
	vertical-align: middle;
}

/* *********** NAVIGATION BAR ******************** */
table#alpha-frame div#alpha-navigation {
	height: 17px;
	line-height: 17px;
	margin-bottom: 10px;	
	position: relative;	/* without this IEdoasn't allow to click on a links */
	left: 0px;		
	width: 915px;
}

table#alpha-frame div#alpha-navigation a{
	padding-left: 20px;
	background: url(/public/graph/arrow_right_2.png) 13px center no-repeat;
/*	color: #6A8AC5;*/
	font-size: 0.9em;
}

/* ******** FOOTER ******************** */

table#alpha-frame td#alpha-footer {
	padding: 30 10 10 10px;
}

table#alpha-frame td#alpha-footer .text-footer{
	width:100%;
	padding: 2px 10px;
	font-color:#202D26;
	text-align:center;
}

/* ********** MENU ************************************************************************************ */

table.first-menucmenu {
	margin-top: -29px;
}

table.first-menu td.menu{
	width: 170px;
}

div.first-menu {
	width: 148px;	/* avoid the menu to be resized when document content is too big */
	padding: 0px 10px;
	border: solid #D9DBE7 1px;
	background: #F6F6F6;
}

div.menu a.selected, div.submenu a.selected{
	background: none;
}

div.first-menu a{
	display: block;
	border-top: dotted #D9DBE7 1px;
	padding: 5px 0px 5px 5px;
	text-transform: uppercase;
	font-weight: normal;
	color: #3A66A5;
	position: relative; 
	top: -1px; /* hide the first border */
}

div.first-menu a:visited{
	color: #3A66A5;
}

div.first-menu a.selected, div.first-menu a.selected:visited{
	font-weight: bold;
	color: #3A66A5;
}

div.first-menu a:hover, div.first-menu a:focus, div.first-menu a.selected:hover, div.first-menu a.selected:focus{
	color: #FFA448;
}

div.first-menu div.submenu{
	margin: 0;
}

div.first-menu div.submenu a{
	display: block;
	border: none;
	padding: 2px 0px 2px 5px;
	margin-left: 5px;
	text-transform: lowercase;
	text-indent: -5px;
}

div.first-menu div.submenu div.submenu{
	padding-left: 5px;
}

div.first-menu div.submenu div.submenu a{
	padding-left: 8px;
	text-indent: 0px;
	margin-left: 0px;
	background: url(/public/graph/arrow_right_3.png) left 8px no-repeat ;
}


/* *************** ADVANCED MENU plugged in first menu ***************** */

div.amenu div.selitem a, div.subamenu div.selitem a{
	background: none;
}

div.first-menu div.selitem a{
	font-weight: bold;
	white-space: normal;
}

div.first-menu div.item a{
	font-weight: normal;
	white-space: normal;
}

div.first-menu div.subamenu{
    margin: 0;
}

div.first-menu div.subamenu div.amenu {
    border:none;
    margin-top: 0;
}

div.first-menu div.subamenu a{
	display: block;
	border: none;
	padding: 2px 0px 2px 5px;
	margin-left: 5px;
	text-transform: lowercase;
	text-indent: -5px;
}

div.first-menu div.subamenu div.subamenu{
	padding-left: 5px;
}

div.first-menu div.subamenu div.subamenu a{
	padding-left: 8px;
	text-indent: 0px;
	margin-left: 0px;
	background: url(/public/graph/arrow_right_3.png) left 8px no-repeat ;
}


/* *************** TAB MENU ************************* */

div.tabs ul {
	text-align: center;
}

div.tabs ul li a {
	color: #3A66A5;
	padding:3px 15px 1px;
}

div.tabs ul li a:hover, div.tabs ul li a:focus {
	background-color: #F6F6F6;
	color: #FFA448;
}

div.tabs ul li.selected a:hover, div.tabs ul li.selected a:focus{
	color: #FFA448;
}

div.tabs-document{
	padding: 5px 0 0 0;
}


/* *********** OVER MENU ****************** */

div#menu-header{
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/* **************** BOTTOM MENU ************* */

div#menu-footer{
	padding: 10px;
	margin-top: 10px;
	text-align: center;
}

/* SEARCH */
div#alpha-search{
	margin-top: -29px;
}

div#alpha-search table{
	margin-top: 10px;
}

/* DOCUMENT */

td.document{
	padding-left: 20px;
	padding-top: 20px;	/* for navigation bar */
}

td.document a{
	/*font-weight: 300;*/
}

td.document a:hover{
	text-decoration: underline;
}

/* custom column */
td.document .left-column{
	padding-right: 210px;
}

td.document .right-column{
	float: right;
	/*width: 155px;*/
	width: 200px;
	padding-left: 10px;
}

td.document .middle-left-column{
	padding-right: 250px;
}

td.document .middle-right-column{
	float: right;
	width: 240px;
	padding-left: 20px;
	padding-top: 20px;
}

td.document .big-left-column{
	padding-right: 320px;
}

td.document .big-right-column{
	float: right;
	width: 310px;
	padding-left: 10px;
}

td.document .element{
	margin-bottom: 10px;
	background-color: #EEEEEE;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #DDDDDD;
}

td.document .element .header{
	/*background-color: #3B62B1;
	color: #FFFFFF;*/
	background: url(/public/graph/pilcrow.png) left   no-repeat;
	padding: 4px 10 4 20px;
	font-family:arial;
	font-size:9pt;
	font-weight:bold; 
}

td.document .element .content{
	padding: 5px 10px 10px 10px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
}

td.document .big-element{
	margin-bottom: 10px;
}

td.document .big-element .header{
	background-color: #3B62B1;

	color: #FFFFFF;
	padding: 4px 4px 4px 10px;
	font-family:arial rounded mt bold,arial;
	font-size:11pt;
	font-weight:bold;
}

td.document .big-element .content{
	padding: 5px 10px 10px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #D9DBE7;
	background-color: #F6F6F6;
}

img.icon{
	vertical-align: baseline;
}

.header .rss_link {
	position:relative;
	float:right;
	top:-1px;
}


/* ************* PRINT STYLE ************** */

table#alpha-frame.alpha-print{
	border: none;
}

table.alpha-print .no_print{
	display: none;
}



/* **************  CMENU   *******************/
/*
.cmenu {
	border: 0;
	padding: 0px;
	margin: 0px;
	width: 155px;
}
*/
td.menu {
	display:block;
	position:relative;
	top:20px;
	/*left:5px; */
}

/* ************* */
#people_menu_header {
	margin-bottom: 10px;
	text-align: center;
}

.latest_infos {
	font-size: 0.8em;
}

td.document .element .content img {
	width: 13px;
	float: right;
	margin-top: 0pt;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-left: 0pt;
}