BODY {
	PADDING-RIGHT: 0px; 
	
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 1px; 
	COLOR: #222222;
	PADDING-TOP: 0px; 
	FONT-FAMILY: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	BACKGROUND-COLOR: #fff;
}
input {
	border: #000000 1px  solid;
	FONT-FAMILY: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 	
}
A:link {
	FONT-WEIGHT: normal; COLOR: navy
}
A:active {
	FONT-WEIGHT: normal; COLOR: navy
}
A:visited {
	FONT-WEIGHT: normal; COLOR: navy
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.spacer {
	CLEAR: both
}
H3 {
	FONT-SIZE: larger; BORDER-LEFT-COLOR: #8b8b8b; BORDER-BOTTOM-COLOR: #8b8b8b; BORDER-TOP-COLOR: #8b8b8b; BORDER-RIGHT-COLOR: #8b8b8b
}
#platformBanner {
	FONT-SIZE: 48px; COLOR: #0073B5; PADDING-TOP: 0px; BACKGROUND-COLOR: #0073B5
}
#platformBanner A {
	COLOR: white; TEXT-DECORATION: none
}
#platformBanner A:active {
	COLOR: white; TEXT-DECORATION: none
}
#platformBanner A:link {
	COLOR: white; TEXT-DECORATION: none
}
#platformBanner A:visited {
	COLOR: white; TEXT-DECORATION: none
}
#platformBanner A:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
#platformBanner #siteName {
	FLOAT: left; MARGIN: 0px; POSITION: relative; TEXT-ALIGN: left;
}
#platformBanner #institution {
	FLOAT: right; POSITION: relative; TEXT-ALIGN: right
}
#userBanner {
	PADDING-RIGHT: 4px; BORDER-TOP: #86b1d0 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 80%; PADDING-BOTTOM: 4px; COLOR: white; PADDING-TOP: 4px; BACKGROUND-COLOR: #3d9495
}
#userBanner #userName {
	FONT-WEIGHT: bold; FONT-SIZE: 110%; BORDER-LEFT-COLOR: white; BORDER-BOTTOM-COLOR: white; MARGIN: 0px; BORDER-TOP-COLOR: white; BORDER-RIGHT-COLOR: white
}
#userBanner A {
	COLOR: white; TEXT-DECORATION: none
}
#userBanner A:active {
	COLOR: white; TEXT-DECORATION: none
}
#userBanner A:link {
	COLOR: white; TEXT-DECORATION: none
}
#userBanner A:visited {
	COLOR: white; TEXT-DECORATION: none
}
#userBanner A:hover {
	COLOR: white; TEXT-DECORATION: underline
}
#courseBanner {
	PADDING-RIGHT: 8px; BORDER-TOP: #86b1d0 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../img/bandeau.gif); PADDING-BOTTOM: 8px; COLOR: #000066; PADDING-TOP: 8px; BACKGROUND-COLOR: #ddf3ea
}
#courseBanner #course {
	FLOAT: left; POSITION: relative; TEXT-ALIGN: left
}
#courseBanner #course SPAN {
	DISPLAY: block
}
#courseBanner #courseToolList {
	FLOAT: right; POSITION: relative; TEXT-ALIGN: right
}
#courseBanner #courseName {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 140%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#courseBanner A {
	COLOR: #0053a5; 
	TEXT-DECORATION: none;
	font-weight: bold;
}
#courseBanner A:active {
	COLOR: #0053a5;  TEXT-DECORATION: none
}
#courseBanner A:link {
	COLOR: #0053a5; TEXT-DECORATION: none
}
#courseBanner A:visited {
	COLOR: #0053a5; BTEXT-DECORATION: none
}
#courseBanner A:hover {
COLOR: #0057b5;
	TEXT-DECORATION: underline
}
#courseBanner #courseCode {
	FONT-SIZE: 80%
}
#courseBanner FORM {
	MARGIN: 0px; PADDING-TOP: 5px
}
#breadcrumbLine {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 80%; PADDING-BOTTOM: 2px; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#breadcrumbLine HR {
	DISPLAY: none
}
#breadcrumbLine .breadcrumbTrail {
	FLOAT: left
}
#breadcrumbLine #toolViewOption {
	FLOAT: right; TEXT-ALIGN: right
}
.breadcrumbTrail {
	FONT-SIZE: 100%
}
#claroBody {
	PADDING-LEFT: 2px; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #FFFFFF
}
#footer {
	FONT-SIZE: 80%
}
#footer HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #842a57; BORDER-RIGHT-WIDTH: 0px
}
#footer #platformManager {
	FLOAT: right
}
#footer #courseManager {
	FLOAT: left; TEXT-ALIGN: center
}
#footer #poweredBy {
	CLEAR: both; FONT-STYLE: italic; TEXT-ALIGN: center
}
.claroCmd {
	FONT-WEIGHT: bold; FONT-SIZE: smaller; TEXT-DECORATION: underline
}
.claroCmdDisabled {
	FONT-WEIGHT: bold; FONT-SIZE: smaller; COLOR: #6a6a6a; TEXT-DECORATION: none
}
TH .claroCmd {
	FONT-WEIGHT: bold; FONT-SIZE: smaller; TEXT-DECORATION: underline
}
TH .claroCmdDisabled {
	FONT-WEIGHT: bold; FONT-SIZE: smaller; COLOR: white; TEXT-DECORATION: none
}
.item {
	PADDING-LEFT: 16px
}
.mail {
	PADDING-LEFT: 60px; FONT-STYLE: normal
}
.mail A {
	COLOR: #008f90; TEXT-DECORATION: none
}
.hot {
	BACKGROUND: url(../img/hot.gif) no-repeat
}
.claroTable TD {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 1px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
TH {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 1px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.claroTable .superHeader TH {
	BORDER-TOP: #3d9495 1px solid; FONT-WEIGHT: bold; COLOR: #000066; BACKGROUND-COLOR: #9dd2d3; TEXT-ALIGN: left
}
.claroTable TH.superHeader {
	BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; COLOR: #000066; BACKGROUND-COLOR: #3d9495; TEXT-ALIGN: left
}
.claroTable .superHeader A {
	COLOR: white
}
.claroTable TH.headerY {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerY TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable TH.headerX {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerX TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerX TH {
	BORDER-RIGHT: #90b7b7 1px solid; BORDER-TOP: #90b7b7 1px solid; BORDER-LEFT: #90b7b7 1px solid; BORDER-BOTTOM: #90b7b7 1px solid; SCROLLBAR-BASE-COLOR: #842a57; BACKGROUND-COLOR: #ecfdfe
}
.claroTable TH.headerX {
	BORDER-RIGHT: #90b7b7 1px solid; BORDER-TOP: #90b7b7 1px solid; BORDER-LEFT: #90b7b7 1px solid; BORDER-BOTTOM: #90b7b7 1px solid; SCROLLBAR-BASE-COLOR: #842a57; BACKGROUND-COLOR: #ccedee
}
.claroTable .headerXc2m TH {
	BORDER-RIGHT: #90b7b7 1px solid; BORDER-TOP: #90b7b7 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: #90b7b7 1px solid; BORDER-BOTTOM: #90b7b7 1px solid; SCROLLBAR-BASE-COLOR: #842a57; BACKGROUND-COLOR: #ccedee; TEXT-ALIGN: center
}
.claroTable TH.headerXc2m {
	BORDER-RIGHT: #90b7b7 1px solid; BORDER-TOP: #90b7b7 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: #90b7b7 1px solid; BORDER-BOTTOM: #90b7b7 1px solid; SCROLLBAR-BASE-COLOR: #842a57; BACKGROUND-COLOR: #ccedee; TEXT-ALIGN: center
}
.claroTable TR TH.toolbar {
	FONT-WEIGHT: normal; BACKGROUND-COLOR: #8bb2b2
}
.claroTable TR.toolbar TH.prev {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable TR.toolbar TH.title {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.claroTable TR.toolbar TH.next {
	FONT-WEIGHT: normal; TEXT-ALIGN: right
}
.emphaseLine TBODY TD {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.emphaseLine TBODY TR {
	BACKGROUND: #white; BORDER-BOTTOM: #90b7b7 1px solid
}
.emphaseLine TBODY TR:hover {
	BACKGROUND-COLOR: #e7efef
}
.claroMessageBox {
	BORDER-RIGHT: #3d9495 1px solid; BORDER-TOP: #3d9495 1px solid; FONT-WEIGHT: bold; MARGIN-LEFT: 3px; BORDER-LEFT: #3d9495 1px solid; COLOR: #3d9495; BORDER-BOTTOM: #3d9495 1px solid; BACKGROUND-COLOR: #ffffce
}
.claroIntroSection {
	PADDING-RIGHT: 5px; 
	MARGIN-TOP: 5px; 
	PADDING-LEFT: 5px; 
	MARGIN-BOTTOM: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	BACKGROUND-COLOR: #f5f5f5;
	border: #BBBBBB 2px solid;
}
.invisible {
	COLOR: navy
}
.invisible A {
	COLOR: #9b9b9b
}
.invisible A:link {
	COLOR: #9b9b9b
}
.invisible A:visited {
	COLOR: #9b9b9b
}
A.invisible {
	COLOR: #9b9b9b
}
A.invisible:link {
	COLOR: #9b9b9b
}
A.invisible:visited {
	COLOR: #9b9b9b
}
.correct {
	COLOR: #7b9b00
}
.error {
	COLOR: #ff6633
}
.highlight {
	FONT-WEIGHT: bold; COLOR: #3d9495
}
.required {
	COLOR: red
}
.hotItem {
	FONT-WEIGHT: bold; COLOR: #959595
}
.hotItem A {
	FONT-WEIGHT: bold; COLOR: #959595
}
.claroRightMenu {
	BORDER: #3d9495 1px solid; COLOR: #3d9495; BACKGROUND-COLOR: #E6F2FF;
}
.claroRightMenu A {
	FONT-WEIGHT: normal; BORDER-LEFT-COLOR: #8b8b8b; BORDER-BOTTOM-COLOR: #8b8b8b; COLOR: #000066; BORDER-TOP-COLOR: #8b8b8b; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: #8b8b8b
}
.claroRightMenu A:visited {
	FONT-WEIGHT: normal; BORDER-LEFT-COLOR: #8b8b8b; BORDER-BOTTOM-COLOR: #8b8b8b; COLOR: #000066; BORDER-TOP-COLOR: #8b8b8b; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: #8b8b8b
}
.claroRightMenu A:active {
	FONT-WEIGHT: normal; BORDER-LEFT-COLOR: #8b8b8b; BORDER-BOTTOM-COLOR: #8b8b8b; COLOR: #000066; BORDER-TOP-COLOR: #8b8b8b; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: #8b8b8b
}
`.claroRightMenu A:hover {
	BORDER-LEFT-COLOR: #8b8b8b; COLOR: #959595; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #959595; SCROLLBAR-BASE-COLOR: #8d4747; BORDER-RIGHT-COLOR: #8b8b8b
}
.HelpText {
	COLOR: #3d9495
}
.claroToolTitle {
	PADDING-TOP: 5px
}