#breadcrumbLine  {
border-width:	0;
color:	#222;
font-size:	0.8em;
padding:	2px 5px;
}

#breadcrumbLine #toolViewOption  {
float:	right;
text-align:	right;
}

#breadcrumbLine .breadcrumbTrails  {
float:	left;
}

#breadcrumbLine a:link, #breadcrumbLine a:visited  {
color:	#693;
font-weight:	normal;
}

#breadcrumbLine a:hover, #breadcrumbLine a:active  {
color:	#929;
font-weight:	normal;
}

#breadcrumbLine hr  {
display:	block;
}

#campusBannerLeft  {
float:	left;
margin-top:	-1px;
margin:	0;
padding:	10px;
text-align:	center;
}

#campusBannerRight  {
float:	right;
margin-top:	-1px;
margin:	0;
padding:	0px;
text-align:	right;
}

#campusFooter  {
background-color:	#0f0;
background-image:	url('img/bg_footer.jpg');
background-position:	top left;
background-repeat:	repeat-x;
color:	#666;
font-size:	0.7em;
margin-top:	25px;
margin:	0;
padding:	5px 15px;
}

#campusFooter a:link, #campusFooter a:visited  {
color:	#666;
font-weight:	bold;
}

#campusFooter a:hover, #campusFooter a:active  {
color:	#369;
font-weight:	bold;
}

#campusFooter hr  {
display:	none;
}

#campusFooterCenter  {
clear:	both;
text-align:	center;
}

#campusFooterCenter #poweredBy  {
font-style:	italic;
}

#campusFooterLeft  {
float:	left;
padding:	0;
}

#campusFooterRight  {
float:	right;
padding:	0;
text-align:	right;
}

#claroBody  {
background-color:	#fff;
background-image:	url('img/bg_body.jpg');
background-position:	top left;
background-repeat:	repeat-x;
font-size:	0.8em;
padding:	15px;
}

#claroBody .claroCmd, #claroBody a.claroCmd:link, #claroBody a.claroCmd:visited  {
color:	#369;
font-weight:	bold;
text-decoration:	none;
}

#claroBody a.claroCmd:hover, #claroBody a.claroCmd:active  {
color:	#111C99;
font-weight:	bold;
text-decoration:	none;
}

#claroBody a.item:hover, #claroBody a.item:active  {
color:	#111C99;
}

#claroBody a:hover, #claroBody a:active  {
color:	#111C99;
}

#claroPage  {
    width: 970px;
    margin : auto;
    background-color: #FFF;
}

#commonToolList a  {
margin:	2px 0;
padding-bottom:	2px;
padding-top:	2px;
}

#commonToolList img  {
padding:	1px 0;
vertical-align:	text-bottom;
}

#courseBanner  {
color:	#369;
font-size:	0.8em;
font-weight:	bold;
padding:	4px;
}

#courseBanner #course  {
float:	left;
text-align:	left;
}

#courseBanner #course span  {
display:	block;
}

#courseBanner #courseCode  {
}

#courseBanner #courseName  {
background-image:	url(img/arrow_blue.gif);
background-position:	left;
background-repeat:	no-repeat;
margin:	0;
padding:	0;
text-indent:	20px;
}

#courseBanner #courseToolList  {
float:	right;
text-align:	right;
}

#courseBanner a, #courseBanner a:link, #courseBanner a:visited  {
color:	#369;
font-weight:	normal;
text-decoration:	none;
}

#courseBanner a:hover, #courseBanner a:active  {
color:	#693;
font-weight:	normal;
text-decoration:	underline;
}

#courseBanner form  {
margin:	0;
padding-top:	5px;
}

#courseBannerLeft  {
float:	left;
margin:	0;
text-align:	left;
}

#courseBannerRight  {
float:	right;
margin:	0;
text-align:	right;
}

#courseBannerRight #redirector option  {
margin:	2px 1px;
padding-bottom:	1px;
padding-left:	20px;
padding-right:	0;
padding-top:	1px;
}

#courseBannerRight #redirector select  {
margin:	0;
padding:	0;
}

#courseManageToolList  {
padding-left:	16px;
}

#im_message .header  {
margin:	0;
}

#im_paging  {
text-align:	center;
}

#leftContent  {
margin-right:	240px;
padding-bottom:	2px;
padding-left:	2px;
padding-right:	5px;
padding-top:	2px;
}

#leftSidebar  {
border-right:	#ccc solid 1px;
float:	left;
margin:	0;
padding:	2px 5px;
width:	220px;
}

#navlist  {
border-bottom:	1px solid #DEDEDE;
margin:	10px;
padding-bottom:	7px;
padding-left:	10px;
padding-right:	0;
padding-top:	0;
}

#navlist li a.current  {
border-bottom:	4px solid #693;
}

#navlist li a:link, #navlist li a:visited  {
margin-bottom:	4px;
margin-left:	5px;
margin-right:	5px;
margin-top:	0;
padding:	3px 0.5em;
text-decoration:	none;
}

#navlist li a:hover  {
border-bottom:	4px solid #EDF1E3;
}

#navlist li, .tabTitle li  {
display:	inline;
list-style-type:	none;
margin:	0;
padding:	0;
}

#platformBanner  {
background-color:	#ffffff;
background-image:	url('img/bg_header.jpg');
background-position:	top left;
background-repeat:	repeat-x;
color:	#fff;
font-weight:	bold;
margin:	0;
padding-bottom:	10px;
padding-left:	15px;
padding-right:	15px;
padding-top:	10px;
}

#platformBanner #institution  {
font-size:	1.3em;
letter-spacing:	3px;
}

#platformBanner #siteName  {
font-size:	1.2em;
letter-spacing:	3px;
}

#platformBanner a, #platformBanner a:active, #platformBanner a:link, #platformBanner a:visited  {
color:	#fff;
font-weight:	bold;
text-decoration:	none;
}

#platformBanner a:hover  {
font-weight:	bold;
text-decoration:	underline;
}

#rightContent  {
margin-left:	240px;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	2px;
padding-top:	2px;
}

#rightSidebar  {
border-left:	#ccc solid 1px;
float:	right;
margin:	0;
padding:	2px 5px;
width:	220px;
}

#userBanner  {
background-color:	#f0f0ff;
/*background-image:	url('img/bg_userbanner.png');
background-position:	bottom left;
background-repeat:	repeat-x;*/

color:	#afa;
font-size:	0.8em;
font-weight:	bold;
padding:	1px 5px;
}

#userBanner #userName  {
color:	#693;
font-weight:	bold;
margin:	0;
}

#userBanner a, #userBanner a:link, #userBanner a:visited  {
color:	#369;
font-weight:	normal;
text-decoration:	none;
}

#userBanner a:hover, #userBanner a:active  {
color:	#369;
font-weight:	bold;
text-decoration:	underline;
}

#userBannerLeft  {
float:	left;
text-align:	left;
}

#userBannerRight  {
float:	right;
text-align:	right;
}

.HelpText  {
color:	#999;
}

.HelpText ul  {
color:	#999;
}

.boxError  {
background-color:	#F9F7ED;
background-image:	url('img/bg_boxerror.png');
background-position:	bottom right;
background-repeat:	no-repeat;
border-left:	2px solid #900;
padding-right:	83px;
}

.boxInfo  {
background-color:	#F9F7ED;
background-image:	url('img/bg_boxinfo.png');
background-position:	bottom right;
background-repeat:	no-repeat;
border-left:	2px solid #ccc;
padding-right:	83px;
}

.boxQuestion  {
background-color:	#F9F7ED;
background-image:	url('img/bg_boxquestion.png');
background-position:	bottom right;
background-repeat:	no-repeat;
border-left:	2px solid #369;
padding-right:	83px;
}

.boxSuccess  {
background-color:	#F9F7ED;
background-image:	url('img/bg_boxsuccess.png');
background-position:	bottom right;
background-repeat:	no-repeat;
border-left:	2px solid #090;
padding-right:	83px;
}

.boxWarning  {
background-color:	#F9F7ED;
background-image:	url('img/bg_boxwarning.png');
background-position:	bottom right;
background-repeat:	no-repeat;
border-left:	2px solid #900;
padding-right:	83px;
}

.centerContent  {
text-align:	center;
}

.claroBlock  {
margin:	5px auto;
width:	99%;
}

.claroBlockContent  {
border-bottom:	1px solid #eee;
padding:	5px;
}

.claroBlockHeader  {
background-color:	#EDF1E3;
border-bottom:	1px #96BB7A solid;
color:	#693;
font-weight:	bold;
margin:	0;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
}

.claroBlockHeader img  {
vertical-align:	text-bottom;
}

.claroBlockSuperHeader  {
background-color:	#DEEECE;
border-bottom:	2px #87B665 solid;
color:	#693;
font-weight:	bold;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
}

.claroCmd img, .claroCmdDisabled img  {
padding:	0 1px;
vertical-align:	text-bottom;
}

.claroCmd, .claroCmdDisabled  {
font-size:	0.9em;
}

.claroCmdDisabled  {
color:	#999;
font-weight:	bold;
text-decoration:	none;
}

.claroDialogBox  {
background-color:	#F9F7ED;
border-color:   #ccc;
border-left:	2px solid #ccc;
border-width:	1px;
margin-bottom:	10px;
margin-top:	10px;
padding-bottom:	5px;
padding-left:	20px;
padding-right:	5px;
padding-top:	5px;
}

.claroDialogBox .msgError  {
background-image:	url('../../img/error.png');
background-repeat:	no-repeat;
}

.claroDialogBox .msgForm  {
padding:	3px 20px;
}

.claroDialogBox .msgInfo  {
}

.claroDialogBox .msgQuestion  {
background-image:	url('../../img/question.png');
background-repeat:	no-repeat;
}

.claroDialogBox .msgSuccess  {
background-image:	url('../../img/success.png');
background-repeat:	no-repeat;
}

.claroDialogBox .msgTitle  {
font-weight:	bold;
}

.claroDialogBox .msgWarning  {
background-image:	url('../../img/warning.png');
background-repeat:	no-repeat;
}

.claroDialogMsg  {
padding-bottom:	1px;
padding-left:	20px;
padding-right:	5px;
padding-top:	2px;
}

.claroIntroSection  {
background-color:	#F5F5F5;
margin-bottom:	5px;
margin-top:	5px;
padding:	5px;
}

.claroMessageBox  {
background-color:	#EDF1E3;
border-color:	#693;
border-style:   solid;
border-width:	1px;
color:	#666;
font-size:	0.9em;
margin-left:	5px;
}

.claroPager  {
text-align:	center;
}

.claroPager .pagerAfter  {
text-align:	left;
}

.claroPager .pagerBefore  {
text-align:	right;
}

.claroPager .pagerPages  {
margin:	0 auto;
padding:	1px 10px;
text-align:	center;
}

.claroPager img  {
vertical-align:	text-bottom;
}

.claroRightMenu  {
background-color:	#EDF1E3;
border-color:	#693 solid;
border-width:	1px;
padding:	10px;
}

.claroRightMenu a:link, .claroRightMenu a:visited  {
color:	#369;
}

.claroRightMenu a:hover, .claroRightMenu a:active  {
color:	#693;
}

.claroRightMenu form  {
color:	#369;
}

.claroTable  {
text-align:	left;
}

.claroTable .headerX th a  {
color:	#693;
font-weight:	bold !important;
text-decoration:	underline;
}

.claroTable .headerX th a:active, .claroTable .headerX th a:hover  {
color:	#693 !important;
text-decoration:	underline;
}

.claroTable .headerY th, .claroTable .headerX th  {
background-color:	#EDF1E3;
border-bottom:	1px #96BB7A solid;
color:	#693;
font-weight:	bold;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
text-align:	center;
}

.claroTable .superHeader a  {
color:	#693;
}

.claroTable .superHeader th, .claroTable th.superHeader  {
background-color:	#DEEECE;
border-bottom:	2px #87B665 solid;
color:	#693;
font-weight:	bold;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
}

.claroTable img  {
vertical-align:	text-bottom;
}

.claroTable td, .claroTable th  {
border-bottom:	1px solid #EDEDED;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
vertical-align:	middle;
}

.claroTable td.highlight  {
color:	#CD853F;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
vertical-align:	top;
}

.claroTable td.weekEnd  {
color:	#73A244;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
vertical-align:	top;
}

.claroTable td.workingWeek  {
color:	#999;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
vertical-align:	top;
}

.claroTable tr th.toolbar  {
font-weight:	normal;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
}

.claroTable tr.toolbar th.next  {
font-weight:	normal;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
text-align:	center;
}

.claroTable tr.toolbar th.prev  {
font-weight:	normal;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
text-align:	left;
}

.claroTable tr.toolbar th.title  {
font-weight:	bold;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
text-align:	center;
}

.claroToolTitle  {
background-image:	url(img/arrow_green.gif);
background-position:	0px 5px;
background-repeat:	no-repeat;
border-bottom:	1px solid #DEDEDE;
font-weight:	bold;
margin-bottom:	5px;
margin-left:	0;
margin-right:	0;
margin-top:	10px;
padding-bottom:	0;
padding-left:	15px;
padding-right:	0;
padding-top:	0;
}

.collapsed a.doCollapse  {
background-attachment:	scroll;
background-color:	transparent    0 50%;
background-image:	url(img/menu-collapsed.gif);
background-repeat:	no-repeat;
}

.collapsible a.doCollapse  {
background-attachment:	scroll;
background-color:	transparent    0 50%;
background-image:	url(img/menu-expanded.gif);
background-repeat:	no-repeat;
padding-left:	1.5em;
}

.comment  {
font-size:	0.9em;
margin-left:	30px;
}

.correct  {
color:	#090;
}

.debugBar  {
background-color:	#A33;
color:	#F99;
font-size:	70%;
padding:	3px;
}

.debugBar a, .debugBar a:link, .debugBar a:visited  {
color:	#E6F;
}

.emphaseLine tbody td  {
border-bottom:	solid #DDDEBC 1px;
}

.emphaseLine tbody tr:hover  {
background-color:	#EDEDED;
}

.error  {
color:	#900;
}

.header  {
background-color:	#EDF1E3;
border-bottom:	1px #96BB7A solid;
color:	#693;
font-size:	100%;
font-weight:	bold;
margin:	3px 0px;
padding-bottom:	2px;
padding-left:	5px;
padding-right:	5px;
padding-top:	2px;
}

.highlight  {
color:	#CD853F;
font-weight:	bold;
}

.hot  {
background-image:	url('../../img/hot.png');
background-repeat:	no-repeat;
}

.imCmdList  {
float:	right;
margin-left:	0px;
padding-top:	3px;
}

.imContent  {
margin-top:	3px;
padding:	0 15px;
}

.imInfo .imInfoTitle  {
font-weight:	bold;
padding-right:	5px;
}

.imInfo .imInfoValue  {
}

.imInfoBlock  {
background-color:	#eee;
border-bottom:	1px solid #ccc;
border-left:	1px solid #ccc;
border-right:	1px solid #ccc;
margin:	0;
padding:	5px 10px;
}

.im_context  {
}

.im_list_action, .im_list_selection  {
text-align:	center;
}

.invisible  {
color:	#999;
}

.invisible a, .invisible a:link, .invisible a:visited, a.invisible, a:link.invisible, a:visited.invisible  {
color:	#999;
}

.item  {
padding-left:	16px;
}

.linkCloseWindow  {
margin:	0;
padding:	0;
text-align:	center;
}

.menu a.invisible:visited  {
color:	#999;
}

.platformMessage  {
background-color:	#fee5c3;
}

.required  {
color:	red;
}

.spacer  {
clear:	both;
}

.spoiler a  {
background-image:	url('../../img/spoiler.png');
background-repeat:	no-repeat;
padding-left:	17px;
}

.spoilerContent  {
background-color:	#EFEFEF;
display:	none;
margin:	3px 0;
padding:	2px;
}

.tabTitle  {
border-bottom:	1px solid #DEDEDE;
font-weight:	bold;
margin-left:	0;
padding:	3px 0;
}

.tabTitle a  {
border-bottom:	4px solid #693;
}

.unreadMessage  {
background-color:	#e6e5e5;
font-weight:	bold;
}

.unreadMessage a,  .unreadMessage a:link , .unreadMessage a:active , .unreadMessage a:hover , .unreadMessage a:visited  {
font-weight:	bold;
}

.userCourseList dd  {
margin:	0;
padding-bottom:	0;
padding-left:	32px;
padding-right:	0;
padding-top:	0;
}

.userCourseList dt  {
margin:	0;
padding-left:	16px;
padding:	0;
}

.userCourseList dt a, .userCourseList dd small  {
padding-left:	3px;
}

.warning  {
color:	#333;
}

.warning b, .warning strong  {
color:	#000;
}

a img  {
border:	none;
text-decoration:	none;
}

a.item:visited  {
color:	#369;
}

a:link, a:visited  {
color:	#369;
text-decoration:	none;
}

a:hover, a:active  {
color:	#111C99;
text-decoration:	none;
}

body  {
background-color:	#DFF9E7;
color:	#444;
font-family:	Arial,Helvetica,sans-serif;
font-size:	100%;
height:	100%;
margin:	0;
padding:	0;
text-align:	left;
width: 100%;
}

dl.userCourseList  {
padding-left:	30px;
}

fieldset  {
border-color:	0;
border-top:	1px solid #eee;
margin:	2px;
padding:	5px;
}

fieldset dl dd  {
float:	left;
margin:	2px 0;
padding:	1px;
width:	70%;
}

fieldset dl dt  {
clear:	both;
float:	left;
margin:	2px 0;
padding:	1px;
width:	20%;
}

fieldset dt label  {
cursor:	pointer;
margin:	0;
padding:	0;
}

fieldset legend  {
color:	#444;
font-weight:	bold;
}

form tr.admin td  {
background-color:	#EDF1E3;
border-color:	solid #630;
border-width:	1px;
margin-bottom:	10px;
margin-left:	10px;
margin-right:	10px;
margin-top:	10px;
}

html  {
font-size:	100%;
height:	100%;
margin:	0;
padding:	0;
}

input, textarea, button, select  {
border-color:	solid #aaa;
border-width:	1px;
color:	#369;
}

input.radio, input.checkbox  {
cursor:	pointer;
height:	1em;
margin:	0;
vertical-align:	middle;
width:	1em;
}

input[type=submit], input[type=reset], input[type=button], button  {
color:	#666;
margin-left:	2px;
margin-top:	5px;
}

input[type=submit]:hover, button:hover, input[type=button]:hover  {
background-color:	#369;
color:	#fff;
}

input[type=text].inputSearch  {
background-color:	#fff;
background-image:	url('../../img/search.png');
background-position:	top left;
background-repeat:	no-repeat;
padding-left:	18px;
}

label  {
cursor:	pointer;
}

li.breadCrumbsNode  {
display:	inline;
list-style-type:	none;
}

li.firstBreadCrumbsNode  {
display:	inline;
list-style-type:	none;
}

li.flagListElement {
display:            inline;
list-style-type:    none;
padding: 0px 5px 0px 0px;
}

li.lastBreadCrumbsNode  {
display:	inline;
list-style-type:	none;
}

small  {
font-size:	0.9em;
}

th .claroCmd  {
font-size:	0.9em;
font-weight:	bold;
text-decoration:	underline;
}

th .claroCmdDisabled  {
color:	#999;
font-size:	0.9em;
font-weight:	bold;
text-decoration:	none;
}

ul  {
list-style-type:	circle;
}

ul.breadCrumbs  {
display:	inline;
margin:	0;
padding:	0;
}

ul.flagList {
display:    inline;
margin:     0;
padding: 0;
    border-right-style: solid;
    border-right-color: gray;
    border-right-width: 1px;
}