/**************************************
 * THEME NAME: trree
 *
 * Files included in this sheet:
 *
 *   trree/gradients.css
 *   trree/custom.css
 **************************************/

/***** trree/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}
/***** trree/gradients.css end *****/

/***** trree/custom.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

#Table_01 {
	width:762px;
	padding:0;
}

#trree-v01-01 {
	width:762px;
	height:77px;
	padding:0;
	background-image:url(trree-v03_01.jpg);
	background-repeat: no-repeat;
}

#trree-v01-02 {
	width:762px;
	height:25px;
	padding:0;	
	background-image:url(trree-v03_02.jpg);
	background-repeat: no-repeat;
}

#trree-v01-03 {
	width:762px;
	height:37px;
	padding:0;	
	background-image:url(trree-v03_03.jpg);
	background-repeat: no-repeat;
}

#trree-v01-01 .headermain {
	font-weight:bold;
	font-size:18px;
	padding-left:155px;
	padding-top:5px;
	color:#004F8B;
}

#trree-v01-02 .topMenu {
	text-align:right;
	padding-top:5px;
}

#trree-v01-02 .topMenu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#trree-v01-02 .topMenu li{
	list-style: none;
	display: inline;
	margin: 0;
}

#trree-v01-02 .topMenu a{
	text-transform:uppercase;
	color:#E2E9EC;
	font-weight:bold;
	padding-right:12px;
}


#page {
	width:762px;
	margin-left: auto ;
	margin-right: auto ;
	background-color:#FAFAFA;
}

body, table, td, th, li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#333333;
}

a, a:link, a:active, a:visited, a:hover { color: #17589A; }
a:visited { color: #17589A; }
a:active { color: #17589A; }

a:hover { 
	color: #17589A;
	text-decoration:none; 
}


body {
	margin:0;
	background-image:url(background-v02.gif);
	background-repeat: repeat-x;
	background-color:#88B3C9;
}

#footer {
  text-align:center;
  margin-top: 5px;
}

.sideblock {
	padding:0;
}

.sideblock .header {
	background-image:url(block-headers-v02.gif);
	background-repeat:no-repeat;
	background-position: top right;

	min-height:22px;
	padding:0;
	border:0;
}

.sideblock .header .title, .menu .header {
	padding-top:7px;
	padding-left:10px;
	color:#17589A;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.sideblock .header .hide-show-image {
  margin-top:0.10em;
  padding-right:10px;
}

.mod-resource .modified {
  text-align:right;
  color:red;
  padding-right:15px;
  font-size:9px;
  color:#666666;
  font-family:Arial, Helvetica, sans-serif;
}

.sideblock .content .list li{
	padding-bottom:7px;
}

.copy {
	color:#FAFAFA;
	margin-bottom:10px;
}

h1, .pageTitle {
	color:#17589A;
}


.coursebox .summary {
  width: 80%;
}

.coursebox .info {
  width: 20%;
}

.qnumber {
	color:#17589A;
	font-weight:bold;
}

.qnumberembed {
	color:#999999;
}

.pageTitle { 		/* included in lesson pages */
	color:#17589A;
	font-weight:bold;
	font-size:14px;
}

/***
 *** Left Menu Styles
 ***/
.mod-lesson .menu .content {
    padding: 0px;
}

.mod-lesson .menu .menuwrapper {
	max-height:none;
	overflow:visible;
    vertical-align: top;
    margin-top:0;
	padding-top:0;
}

.mod-lesson .menu ul {
    list-style: none;
    padding: 5px 0px 0px 5px;
    margin-top:0;
	padding-top:0;
}

.mod-lesson .menu li {
	font-family:Arial, Helvetica, sans-serif;
    padding-bottom: 8px;
	font-size:10px;
	line-height:10px;

}

.mod-lesson .menu .selected {
	font-weight:bold;
	font-style:italic;
	color:#FF6600;
}

.mod-lesson .menu .notselected { /* added on 17/06/2009 */
	color:#17589A;
	line-height:1.2em;
}

.mod-lesson .skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}

.mod-lesson .contents p {
	text-align:justify;
}

.mod-lesson .contents ul {
	list-style:square;
}

.mod-lesson .contents li {
	text-align:justify;
	padding-right:20px;
	padding-bottom:10px;
}

.mod-lesson .menu .lessonPart {
	background-image:url(logo-trree-25-v01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:32px;
	padding-left:30px;
	padding-bottom:10px;
	font-weight:bold;
	color:#17589A;	
}

.mod-lesson .menu .lessonQuestionNotselected {
	text-align:right;
	padding-right:10px;
	color:#999999;
}

.mod-lesson .menu .lessonQuestionSelected {
	text-align:right;
	padding-right:10px;
	font-style:italic;
	color:#FF6600;
}

.mod-lesson .menu .partSpacer {
	padding-top:8px;
}

.m_correct {
	text-align:center;
	color:#336633;
	font-weight:bold;
	text-transform:uppercase;
}

.m_wrong {
	text-align:center;
	color:#990000;
	font-weight:bold;
	text-transform:uppercase;
}

.truncateDots {
	font-weight:bold;
	color:#CCCCCC;
}

.lessonReferences {
	background-color:#DCE5EB;
	padding:10px;
	width:85%;
	margin-left: auto ;
	margin-right: auto ;
}

.lessonReferences ul li {
	color:#666666;
	padding:0;
	margin:0;
	line-height:5px;
	font-size:9px;
}

.lessonDocuments {
	background-color:#FFCCCC;
	padding:10px;
	width:85%;
	margin-left: auto ;
	margin-right: auto ;
	margin-top:20px;
}

.lessonDocuments ul li {
	color:#666666;
	padding:0;
	margin:0;
	line-height:auto;
	font-size:9px;
}

.bibliographyPicto {
}

.sitetopic p {
	color: #17589A;
	text-align:justify;
}

.sitetopic ul li {
	color: #17589A;
	padding-bottom:10px;
}

.sitetopic ul li a {
	/*color:#FF6600;*/ 
}


.sitetopic ul.img-txt{
	padding-left:25px;
	width:200px;
}

.citation {
	margin-left: auto;
	margin-right: auto;
	background-color:#E6E6E6;
	border:0;
	padding:15px;
	width:85%;
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
}
.citation td {
	padding:10px;
	font-style:italic;
}

.glossarypost, .dictionary {
	background-color:#FAFAFA;

}

.dictionary td p{
	padding-right:15px;
	padding-left:15px;
}

.glossaryAlternatives {
	padding-bottom:20px;
	color:#999999;
	font-style:italic; 
}

.glossaryReference {
	width:250px;
	margin-left:250px;
	padding:5px;
	text-align:right;
	color:#999999;
/*	margin-top:5px;
	margin-bottom:5px;
	background-color:#dddddd;*/
}

#biblio .biblioLinks {
	font-size:9px;
	color:#999999;
	padding-left:10px;
}

#biblio ul li {
	list-style:square;
}

#biblio li {
	padding-bottom:5px;
}

#biblio strong {
	color: #17589A;
}

.customIntro {
	width:95%;
	text-align:justify;
	margin-left: auto ;
	margin-right: auto ;
}

#course-view .section td.left {
	background-color:#FAFAFA;
}

#course-view .section td.right {
	background-color:#FAFAFA;
}

.loginLabel {
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;	
}

.loginLabel a {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#17589A;
	padding:5px;
}


/* ### New Home Page <13/07/2011> ### */

#home ul {
	list-style-type: none;
	padding-left:1.5em;
	padding-bottom:10px;
}

#home ul li {
	color:#1f5a9c;
	line-height:1em;
	font-weight:bold;
}


#home ul ul li {
	color:#333;
	font-weight:normal;
}


#home table td {
	vertical-align:top;
}

.langAvailability {
	color:#888;
	font-size:10px;
}

.langAvailability a {

}

#homeIntro, #homeToolTitle {
	background:url(intro-bg.gif) top repeat-x;
}

#homeToolTitle {
	text-align:center;
	font-weight:bold;
	font-size:14;
	color:#1f5a9c;
	padding:10px;
}

#tools ul {
	padding-left:50px;
}

#tools ul li {
	color:#333;
}

#tools ul li .langAvailability {
	font-weight:normal;
}

#homeIntroTeaser {
	padding:20px 20px 0 20px;
}

#homeLeft {
	width:270px;
	float:left;
	border-right: dotted 3px #6499bd;
	padding:20px 0 30px 12px;
}
	
#homeRight {
	width:270px;
	float:left;
	padding:20px 0 0 10px;
}

#footerNew {
	/*border:solid 1px red;*/
	padding:0;
	width:768px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	min-height:400px;
}

#notice {
	padding:50px;
}

#about h1 {
	text-transform:uppercase;
	margin-top:40px;
}

#about p, #about ul {
	margin-left:45px;
	margin-right:45px;
}

/***** trree/custom.css end *****/


