/* -- for link pseudo-classes, respect order: Link, Visited, Hover, Active -- */

body {
	color:#222222;
	background-color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0px;
	font-size:0.9em;
}

body.il_Explorer {
	color:#222222;
	background-color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0px;
	font-size:0.9em;
}


.btnbar {
	background-color:#ffffff;
	color:#ffffff;
}

a.menu:link, a.menu:visited {
	color:#a0c0ff;
}

a.menu:hover {
	color:#DDDDFF;
}

a.offline, a.offline:visited
{
	font-style: italic;
}

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

input.marked {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background: #FFFFCC;
}


input.fullwidth {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width: 98%
}

input.fullwidth_marked {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width: 98%;
	background: #FFFFCC
}

/* ---------------- alternating tablerowcolors ----------------- */

/*
.tblrow2 {
	background-color: #FFFFFF;
	color:#222222;
	padding:3px;
	background-image: url(images/rowback.gif);
	background-repeat:repeat-x;
}

.tblrow1 {
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
	background-image: url(images/rowback.gif);
	background-repeat:repeat-x;
}*/

.tblrow2 {
	background-color: #F1F1F1;
	color:#222222;
	padding:3px;
}

.tblrow1 {
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
}

.tblrow2_mo {
	background-color: #F1F1F1;
	color:#222222;
	padding:3px;
}

.tblrow1_mo {
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
}

.tblrow1_mo:hover, .tblrow2_mo:hover {
	background-color:#D0D0FF;
}


.tblrow2light {
	background-color:#F1F1F1;
	color:#808080;
	padding:3px;
	vertical-align:top;
}

.tblrow1light {
	background-color:#FFFFFF;
	color:#808080;
	padding:3px;
	vertical-align:top;
}

.tblrowmarked {
	background-color:#FFE4E4;
	color:#222222;
	padding:3px;
}

.tblrow2top {
	background-color:#F1F1F1;
	color:#222222;
	padding:3px;
	vertical-align: top;
}

.tblrow1top {
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
	vertical-align: top;
}

.tblrowmarkedtop {
	background-color:#FFE4E4;
	color:#222222;
	padding:3px;
	vertical-align: top;
}

/* -------------------- table formatting ------------------ */

table {
	font-size: 100%;
}

table.std {
	color:#222222;
	background-color:#bbbbbb;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
}

table.fullwidth {
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
}

table.halfwidth {
	color:#222222;
	background-color:#bbbbbb;
	width:50%;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
}

table.ilPDSelectedItemBlock {
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:1px;
	border-width:0px;
}

td.il_BlockFooter {
	color:#222222;
	background-color:#DCDCDC;
	text-align:right;
	font-size: 80%;
	padding:2px;
}

table.fullwidth_nowrap {
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:1px;
	white-space: nowrap;
}

table.fullwidth_invisible {
	color:#222222;
	background-color:#FFFFFF;
	width:100%;
	border-spacing:0px;
}

table.nobackground {
	color: #000000;
	background-color: inherit;
	border-spacing:0px;
	padding: 3px;
}

td.nobackground {
	color: #000000;
	background-color: inherit;
	border-spacing:0px;
	border: none;
	padding: 3px;
	vertical-align: top;
}

th
{
	text-align: left;
	vertical-align: bottom;
}

td.std, th.std {
	padding:2px;
	text-align: left;
}

th.il_invisible, td.il_invisible {
	background-color:#FFFFFF;
	background-image: none;
}

.tbltitle {
	color:#222222;
	font-weight:bold;
	background-color: #EDEDED;
	background-image: url(images/TableHeader.gif);
	background-repeat:repeat-x;
}

tr.tbltitle {
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;
}

.tblheader {
	color: #000000;
	font-weight:bold;
}

tr.tblheader {
	color:#000000;
	font-weight:bold;
	background-color: #E2EAF4;
	background-image:url(images/TableHeaderBlue.gif);
	background-repeat:repeat-x;
	
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;

}

.tblfooter {
	color: #000000;
	font-weight:normal;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;
}

tr.tblfooter {
	color:#000000;
	font-weight:normal;
	background-color:#EDEDED;
	background-image:url(images/TableHeader.gif);
	background-repeat:repeat-x;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;
}

tr.std {
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
}

th.option, td.option {
	background-color: #F5F5F5;
	color:#222222;
	padding:3px;
	font-weight : bold;
	vertical-align:top;
	text-align:right;
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;
}

td.sub_option {
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
	font-weight : bold;
	vertical-align:top;
	text-align:right;
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;
}

td.option_subtitle {
	background-color:#FFFFFF;
	background-image: none;
	width:100%;
	color:#222222;
	padding:13px 3px 3px 3px;
	vertical-align:top;
	text-align:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
}

td.option_value {
	background-color:#FFFFFF;
	background-image: none;
	color:#222222;
	padding:3px;
	vertical-align:top;
	text-align:left;
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;
}

td.option_value_center {
	background-color:#FFFFFF;
	background-image: none;
	color:#222222;
	padding:3px;
	vertical-align:top;
	text-align:center;
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;
}

td.option_value_details {
	background-color:#FFE4E4;
	background-image: none;
	color:#222222;
	padding:3px;
	vertical-align:top;
	text-align:left;
}
td.option_value_center_details {
	background-color:#FFE4E4;
	background-image: none;
	color:#222222;
	padding:3px;
	vertical-align:top;
	text-align:center;
}

td.option_desc, p.option_desc {
	background-color:#FFFFFF;
	background-image: none;
	color:#222222;
	padding:3px;
	font-style:italic;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

td.option_info {
	background-color:#FFFFFF;
	background-image: none;
	color:#222222;
	padding:3px;
    font-weight:bold;
	vertical-align:top;
	text-align:center;
}

td.boxed {
	border-style: solid;
	border-width: thin;
}

td.submit {
	background-image: url(images/TableHeader.gif);
	background-color:#EDEDED;
	background-repeat: repeat-x;
	color:#222222;
	padding:3px;
	vertical-align:top;
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;

}

/*Link, Visited, Hover, Focus, Activ*/
a.il_ContainerItemCommand:link, a.il_ContainerItemCommand:visited, a.il_ContainerItemCommand:hover
{
	padding: 1px 5px;
	margin: 1px 0px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #BABABA;
	border-left-color: #BABABA;
	border-bottom-color: #808080;
	border-right-color: #808080;
	white-space: nowrap;
	text-decoration:none;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: url(images/ButtonsBack.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	font-size: 70%;
}

div.il_ContainerItemCommands
{
	padding-bottom: 2px;
	padding-top: 2px;
}

/*Link, Visited, Hover, Focus, Activ*/
a.il_ContainerItemTitle:link, a.il_ContainerItemTitle:visited, a.il_ContainerItemTitle:hover
{
	text-decoration: none;
}

div.il_ItemProperties
{
	margin-top: 2px;
	margin-bottom: 5px;
	text-align:left;
	font-weight: normal;
	font-size: 90%;
}

div.il_ItemNotice
{
	margin-top: 2px;
	margin-bottom: 5px;
	text-align:left;
	font-weight: normal;
	font-size: 90%;
	color: green
}

div.il_Preconditions
{
	margin-top: 3px;
	text-align:left;
	font-size: 90%;
}

a.il_ItemProperty:link, a.il_ItemProperty:visited {
	text-decoration:none;
	font-weight: normal;
}

a.il_ItemProperty:hover {
	color:#000000;
}


span.il_ItemAlertProperty
{
	color: #C04000;
}

span.il_ItemProperty
{
}

th.il_ContainerBlockHeader
{
	background-image: url(images/TableHeader.gif);
	background-color:#EDEDED;
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 2px;
	text-align:left;
	vertical-align: middle;
}

table.il_ContainerBlock
{
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
	clear:both;
}

/* Personal Desktop Header*/
div.il_PDTitle, span.il_PDTitle
{
	font-size: 140%;
	line-height: 160%;
	color: #101010;
	letter-spacing: 0.05em;
	word-spacing: -0.1em;
	white-space: nowrap;
}

table.il_PDBlock
{
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
	margin-bottom:25px;
	clear:both;
}

th.il_PDBlockHeader
{
	background-image: url(images/TableHeaderBlue.gif);
	background-repeat:repeat-x;
	font-weight: bold;
	padding: 3px;
	background-color: #E2EAF4;
	text-align:left;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;
}

th.il_PDBlockSubHeader
{
	background-image: url(images/TableHeader.gif);
	background-repeat:repeat-x;
	font-weight: bold;
	text-align:left;
	font-size: 100%;
	padding: 2px;
	background-color: #EDEDED;
	border-top-width:1px;
	border-top-color:#9EADBA;
	border-top-style:solid;
	vertical-align: middle;
}

/* Blocks */

table.il_Block
{
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
	margin-bottom:25px;
	clear:both;
}

th.il_BlockHeader
{
	background-image: url(images/TableHeaderBlue.gif);
	background-repeat:repeat-x;
	font-weight: bold;
	padding: 3px;
	background-color: #E2EAF4;
	text-align:left;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;
	font-size: 90%;
}

th.il_BlockHeaderBig
{
	background-image: url(images/TableHeaderBlue.gif);
	background-repeat:repeat-x;
	font-weight: bold;
	padding: 3px;
	background-color: #E2EAF4;
	text-align:left;
	border-bottom-width:1px;
	border-bottom-color:#9EADBA;
	border-bottom-style:solid;
}

/* Repository Header */
table.ilc_RepHeader {
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#EEEEEE;
	width:100%;
}

td.il_RepHeader
{
	padding:0px;
	border-style: solid;
	border-color:#9EADBA;
	border-width: 1px;
	margin-bottom: 0px;
}

div.il_RepHeader
{
	color:#222222;
	background-color: #F0F0F0;
}

/* SCORM styles */

table.il_ScormTable
{
	color:#222222;
	background-color:#bbbbbb;
	border-spacing:1px;
	border-width:0px;
}

td.il_ScormTableKey {
	background-color:#e2e2e2;
	color:#222222;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	vertical-align:top;
	text-align:right;
}

td.il_ScormTableValue {
	background-color:#f7f7f7;
	background-image: none;
	color:#222222;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	vertical-align:top;
	text-align:left;
}

/* must reset all values of td style */
td.il_no_style {
	font-weight:normal;
	background-image:none;
	background-color:white;
}

/* locator */
table.il_Locator
{
	background-color: #FFFFFF;
}

div.il_Locator {
	padding: 2px 15px 0px 15px;
	vertical-align:top;
	font-size: 80%;
	font-weight: normal;
}

a.il_LocatorLink, a.il_LocatorLink:link, a.il_LocatorLink:visited, a.il_LocatorLink:hover
{
	color: #224499;
	font-weight: normal;
}

a.il_LocatorLink:hover
{
	color: #000000;
}

span.il_LocatorTitle
{
	display: none;
}

/* form */
form.il_Form
{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* Navigation History */
form.ilNavHistoryForm
{
	padding: 0px;
	margin: 0px 15px 0px 10px ;
	border: 0px;
	float: right;
}

/* MainMenu Tabs */
div.il_MainMenu
{
	background-image: url(images/MainMenuBack.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	margin: 0px;
	width: 100%;
	padding:0px 0px 6px 0px;
	line-height: normal;
}

a.MMInactive:link, a.MMInactive:visited
{
	color:#FFFFFF;
    padding: 0px 0px;
	font-size: 80%;
	text-decoration:none;
	margin: 0px 0px 5px 15px;
	font-weight: normal;
	white-space: nowrap;
}

a.MMInactive:hover
{
	color: #8CC6FF;
    padding: 0px 0px;
	font-size: 80%;
	text-decoration:none;
	margin: 0px 0px 5px 15px;
	font-weight: normal;
}

a.MMActive:link, a.MMActive:visited
{
	color: #8CC6FF;
    padding: 0px 0px;
	font-size: 80%;
	text-decoration:none;
	margin: 0px 0px 5px 15px;
	font-weight: normal;
	white-space: nowrap;
}

a.MMActive:hover
{
	color: #8CC6FF;
    padding: 0px 0px;
	font-size: 80%;
	text-decoration:none;
	margin: 0px 0px 5px 15px;
	font-weight: normal;
}

/* Tabs */

div.il_Tab
{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
    float:left;
    width:100%;
	padding-left:0px;
    line-height:normal;
	background:#FFFFFF url(images/TabBack.gif) repeat-x bottom;
}

ul.il_Tab
{
	margin: 0px;
	padding: 0px 15px;
	list-style:none;
}

li.tabinactive
{
	float:left;
	background:url("images/TabInactiveRightWhite.gif")
		no-repeat right top;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
}

a.tabinactive:link, a.tabinactive:visited, a.tabinactive:hover
{
	float: left;
	display:block;
	background:url("images/TabInactiveLeftWhite.gif") no-repeat left top;
    padding: 3px 8px;
	font-size: 80%;
	text-decoration: none;
}

li.tabactive
{
	float:left;
	background:url("images/TabActiveRightWhite.gif")
		no-repeat right top;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

a.tabactive:link, a.tabactive:visited, a.tabactive:hover
{
	float: left;
	display:block;
	background:url("images/TabActiveLeftWhite.gif") no-repeat left top;
    padding: 3px 8px;
	font-size: 80%;
	text-decoration: none;
}

li.backtab
{
	float:left;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
}

a.backtab, a.backtab:hover
{
	float: left;
	display:block;
	background:url("images/BackTab.gif") no-repeat left top;
    padding: 3px 8px 3px 12px;
	font-size: 80%;
}

li.back2tab
{
	float:left;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
}

a.back2tab, a.back2tab:hover
{
	float: left;
	display:block;
	background:url("images/Back2Tab.gif") no-repeat left top;
    padding: 3px 8px 3px 16px;
	font-size: 80%;
}

/*  Commented Backslash Hack
	hides rule from IE5-Mac, we do not want the left float for other browsers \*/
	a.tabinactive a.tabactive a.backtab {float:none;}
/* End IE5-Mac hack */


/* Sub Tabs */

div.il_SubTab
{
    float:left;
    width:100%;
	padding-left:0px;
	margin-bottom: 10px;
    line-height:normal;
}

ul.il_SubTab
{
	margin: 0px;
	padding: 0px 0px;
	list-style:none;
}

li.subtabinactive
{
	float:left;
	margin:0;
	padding:0;
}

a.subtabinactive, a.subtabinactive:hover
{
	float: left;
	display:block;
	background:url("images/SubTabInactiveLeft.gif") no-repeat left top;
    padding: 3px 10px 3px 12px;
	font-size: 80%;
}

li.subtabactive
{
	float:left;
	margin:0;
	padding:0;
}

a.subtabactive, a.subtabactive:hover
{
	float: left;
	display:block;
	background:url("images/SubTabActiveLeft.gif") no-repeat left top;
    padding: 3px 10px 3px 12px;
	font-size: 80%;
}

/*  Commented Backslash Hack
	hides rule from IE5-Mac, we do not want the left float for other browsers \*/
	a.subtabinactive a.subtabactive {float:none;}
/* End IE5-Mac hack */



/* InfoScreen */

table.il_InfoScreen
{
	color:#222222;
	background-color:#FFFFFF;
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
}

th.il_InfoScreen
{
	text-align:left;
}

div.il_InfoScreenSection
{
	margin: 10px 4px 8px 4px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#909090;
	color:#909090;
	font-weight:normal;
	font-size:130%;
}

td.il_InfoScreenProperty
{
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#909090;
	text-align: right;
	padding: 3px 10px 3px 4px;
	vertical-align: top;
	color:#909090;
}

td.il_InfoScreenPropertyValue
{
	padding: 3px 4px 3px 10px;
	vertical-align: top;
}

/* Explorer */

div.il_Explorer
{
	margin:0px;
	padding:3px;
	background-color: #FFFFFF;
}

div.il_ExplorerHeader
{
	padding: 1px 3px;
	vertical-align:top;
	text-align:left;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 90%;
}

div.il_ExplorerTree
{
	font-size: 90%;
}

ul.il_Explorer
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

ul.il_ExplorerNoIndent
{
	margin: 0px;
	padding: 0px 0px;
	list-style:none;
}

li.il_Explorer
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	background-color: #FFFFFF;
}

li.il_ExplorerInline
{
	margin:0;
	padding:0;
}

a.il_HighlightedNode
{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #909090;
}

div.il_ExplorerItemDescription
{
	margin-left: 44px;
}

/* Table Links */
a.tblheader, a.tblheader:visited
{
	color:#3444aa;
}

a.tblheader:hover
{
	color:#000000;
}

/* --- description text ---*/
div.il_Description, td.il_Description
{
	margin-top:2px;
	margin-bottom:5px;
	font-size: 90%;
	font-weight:normal;
	text-align:left;
}
div.il_Description_no_margin, td.il_Description_no_margin
{
	font-size: 90%;
	font-style: italic;
	text-align:left;
}
div.il_info
{
	font-size: 90%;
	text-align:left;
}
div.il_PermDescription
{
	font-size: 60%;
	font-style: italic;
}

/* ---------------- headlines ------------------ */

div.il_HeaderOuter
{
	clear: both;
}

div.il_Header
{
}

div.il_HeaderInner
{
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	color:#222222;
}

div.il_TreeIcons
{
	padding-right: 15px;
	padding-top: 15px;
	margin: 0px;
}

div.ilMainHeader
{
	background-image: url(images/HeaderBackground3.gif);
	background-repeat: repeat-x;
	background-color: #8CC6FF;
	right: 0px;
}

a.ilMainHeader, a.ilMainHeader:hover
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #B0B0B0;
	background-color: #E6ECF8;
	font-size:90%;
}

div.ilLogin
{
	background-image: url(images/login_back.gif);
	background-position: bottom left;
	padding:2px 20px 3px 10px;
	margin-top:0px;
	margin-bottom:0px;
	white-space: nowrap;
	float:right;
	text-align:right;
	font-size:90%;
}

a.ilLogin, a.ilLogin:visited, input.ilLogin
{
	background-color : #ECFAFB;
	border-width: 1px;
	border-style: solid;
	border-top-color: #BABABA;
	border-left-color: #BABABA;
	border-bottom-color: #808080;
	border-right-color: #808080;
	color:#0033AA;
	padding: 1px 3px;
	margin: 0px;
	font-size:90%;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
	background-color: #FFFFFF;
	background-image: url(images/ButtonsBack.gif);
	background-position: bottom;
	background-repeat:repeat-x;
}

span.il_menu
{
	line-height: 150%;
}

.ilLanguageSelection
{
	font-size:80%;
}

div.il_Footer
{
	margin-top:30px;
	margin-bottom:10px;
	font-size: 90%;
	text-align:center;
}


/* ----------------- invisible border ------------- */

div.invisible_border {
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}

td.ilInvisibleBorder
{
	padding:15px;
}

/* --- column table -- */
table.il_ColumnLayout
{
	color:#222222;
	background-color:#FFFFFF;
	width:100%;
	border-spacing:0px;
}

td.il_LeftColumn
{
	padding-left:15px;
	vertical-align:top;
	width:20%;
}

td.il_CenterColumn
{
	padding-right:15px;
	padding-left:15px;
	vertical-align:top;
	
}

td.il_RightColumn
{
	padding-right:15px;
	vertical-align:top;
	width:20%;
}

/* ------- Helptext --------- */
span.il_Helptext {
	font-size: 90%;
	font-weight: normal;
}

/* ----------------- alternative text styles ------------- */
.small {
	text-decoration:none;
	font-size: 90%;
}

.smallgreen {
	text-decoration:none;
	font-size: 90%;
	color:green;
}

.smallred {
	text-decoration:none;
	font-size: 90%;
	color:red;
}

.obligatory {
	font-weight: normal;
	color: #800000;
	font-variant: normal;
}

.warning {
	text-decoration:none;
	font-weight:bold;
	color:red;
}

div.Warning {
	text-decoration:none;
	font-weight:bold;
	color:red;
}

div.Access {
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
	color:red;
}

.asterisk {
	color:red;
	font-size: 90%;
}

.default {
	text-decoration:none;
	font-weight:normal;
}

.inactivepage {
	text-decoration:none;
	font-weight: bold;
	color: gray;
}

.quote {
	font-style:italic;
	font-weight:normal;
}

.subtitle {
	font-style:italic;
	font-weight:normal;
	font-size: 90%;
}

.questiontext {
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

/* ----------------- alternative text styles ------------- */
.il_BlockInfo
{
	font-size: 90%;
	color: #909090;
}

.light
{
	color: #909090;
}

/* ----------------- normal links ------------- */

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

a:hover {
	color:#000000;
}


a.light:link, a.light:visited {
	text-decoration: none;
	color:#3355BB;
}

a.light:hover {
	color:#000000;
}

/* ------------------- mail links ----------- */
a.mailread, a.mailread:visited
{
	font-weight: normal;
}

a.mailunread, a.mailunread:visited
{
	font-weight: bold;
}

/* ------------------- forum links ----------- */
a.postread, a.postread:visited
{
	font-weight: normal;
}

a.postunread, a.postunread:visited
{
	font-weight: bold;
}

a.postnew, a.postnew:visited
{
    font-style: italic;
	font-weight: bold;
}

blockquote.ilForumQuote
{
	margin: 0px 20px;
	padding: 5px;
	border-width:1px;
	border-color:#B6B6B6;
	border-style:solid;
}

div.ilForumQuoteHead
{
	font-weight: bold;
	font-size: 90%;
	margin: 0px 0px 10px 0px;
}

/* ------------------ buttons -------------- */

/* not used anymore (no extra table for buttons)*/
td.btn {
	background-color:#E6ECF8;
	color:#BBBBBB;
	border-width:1px;
	border-color:#B6B6B6;
	border-style:solid;
	padding:2px;
}

/* not used anymore (use submit style)*/
a.btn:link, a.btn:visited {
	text-decoration:none;
	font-size: 90%;
}

/* not used anymore (use submit style)*/
a.btn:hover {
	color:#000000;
}

div.il_ButtonGroup
{
	margin: 3px 0px 3px 0px;
	line-height: 150%;
	white-space: nowrap;
	display: block;
}

input.submit, a.submit, a.submit:hover
{
	background-color: #FFFFFF;
	background-image: url(images/ButtonsBack.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	color:#2255a0;
	border-width:1px;
	border-top-color: #BABABA;
	border-left-color: #BABABA;
	border-bottom-color: #808080;
	border-right-color: #808080;
	border-style:solid;
	padding:2px 10px;
	text-decoration:none;
	font-size: 90%;
	cursor:pointer;
	font-weight:normal;
}

input.submit_disabled, a.submit_disabled, a.submit_disabled:hover {
	background-color:#E6ECF8;
	color:gray;
	border-width:1px;
	border-color:#B6B6B6;
	border-style:solid;
	padding:2px;
	text-decoration:none;
	font-size: 90%;
	cursor:pointer;
}

label, input[type=checkbox], input[type=radio], select
{
	cursor:pointer;
}

input[type=checkbox], input[type=radio]
{
	border-style: none;
	background-color: transparent;
}

a.ilEditSubmit {
	background-color: #FFFFFF;
	background-image: url(images/ButtonsBack.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	padding: 2px;
	margin: 0px;
	border-width:1px;
	border-top-color: #BABABA;
	border-left-color: #BABABA;
	border-bottom-color: #808080;
	border-right-color: #808080;
	border-style:solid;
	text-decoration: none;
	font-size: 80%;
	line-height: 14px;
	cursor:pointer;
}

input.ilEditSubmit {
	color:#2255a0;
	padding: 1px;
	margin: 0px;
	font-size: 80%;
	line-height: 14px;
	cursor:pointer;
	
	background-color: #FFFFFF;
	background-image: url(images/ButtonsBack.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	border-width:1px;
	border-top-color: #BABABA;
	border-left-color: #BABABA;
	border-bottom-color: #808080;
	border-right-color: #808080;
	border-style:solid;
}

input.ilEditHelpline {
	border-style:none;
	background-image: none;
	text-decoration:none;
	margin: 2px 0px;
	font-size: 80%;
}

input.tblrow1, input.tblrow2
{
	background-color:#ffffff;
	color:#000000;
	background-image: none;
	padding:0px;
}

textarea
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#ffffff;
	color:#000000;
	border-width:1px;
	border-color:#9EADBA;
	border-style:inset;
	padding:3px;
	text-decoration:none;
	font-size: 100%;
}

textarea.fullwidth
{
	width: 98%;
}


input.submit:hover, input.ilEditSubmit:hover, a.submit:hover {
	color:#000000;
}


div.message {
	color: #dd0000;
	text-align:center;
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
	margin: 2px 0px 5px 0px;
	clear:both;
}

.alert {
	color: #dd0000;
}

select.ilEditSelect {
	background-color:#ffffff;
	border-width:1px;
	border-color:#bbbbbb;
	padding:1px;
	background-image: none;
	text-decoration:none;
	font-size: 80%;
}

img {
	vertical-align: middle;
	border: 0px;
}

/* --- to prevent tab-images from spacing when using DOCTYPE xhtml --- */
img.imgtab {
	display:block;
}

/* ------------------ content window body tag (not used yet) -------------- */
.content {
	margin:0px;
}

/* --- Editor styles ---*/

div.il_editarea
{
	border-style: dotted;
	border-width: 1px;
}

div.il_editarea_disabled
{
	border: 2px dotted red;
}

a.il_PageDisabled
{
	border-bottom: 2px dotted red;
}

a.il_PageDeactivatedElements
{
	border-right: 2px dotted red;
}

/* ------------------ blind image - spacer gif --------------
   please use this style class always when using this blind image */
img.spacer {
	display:block;
}

/* --- calendar styles -- */
div.dp_Menu
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #9EADBA;
	background-color: #EBEBEB;
	width: 152px;
	font-size: 90%;
}

td.even
{
	color:#222222;
	background-color:#F7F7F7;
	padding: 3px;
}

td.uneven
{
	color:#222222;
	background-color:#EEEEEE;
	padding: 3px;
}

td.today
{
	text-align: center;
	font-size: 90%;
	background-color: #E0E0FF;
}

td.chosenDate
{
	text-align: center;
	font-size: 90%;
	background-color: #FFE4E4;
}

td.date
{
	text-align: center;
	font-size: 90%;
	background-color: #F7F7F7;
}

td.prevMonth
{
	text-align: center;
	font-size: 90%;
	background-color: #DFDFDF;
}

td.todayMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 90%;
	background-color: #E0E0FF;
}

td.chosenDateMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 90%;
	background-color:  #FFE4E4;
}

td.dateMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 90%;
	background-color: #F7F7F7;
}

td.prevMonthMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 90%;
	background-color: #DFDFDF;
}

td.evenMO
{
	color:#222222;
	background-color:#F7F7F7;
	font-size: 90%;
	padding: 3px;
}

td.unevenMO
{
	color:#222222;
	background-color:#EEEEEE;
	font-size: 90%;
	padding: 3px;
}

td.weeknumber
{
	color: #5F5F5F;
	background-color: transparent;
	font-size: 90%;
}

a.weekLink
{
	font-size: 80%;
}

td.appointmentConfTitle
{
	font-style: italic;
}

td.doubleComment
{
	font-size: 80%;
	color: #FF0000;
	font-weight: bold;
}

td.il_CalMonth
{
	font-size: 90%;
}

td.il_CalNextMonth
{
	font-size: 90%;
}

td.il_CalNextMonth
{
	font-size: 80%;
}

td.il_CalShortMonth
{
	font-size: 80%;
}

td.il_CalShortWeek
{
	font-size: 80%;
}

td.il_CalShortDayOfWeek
{
	font-size: 80%;
}

td.il_CalDay
{
	font-size: 80%;
}

/* --- content styles (will move to content.css) --- */
table.ilc_Page {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #9EADBA;
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
	width:100%;
}

td.ilc_Page
{
	padding:20px;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #9EADBA;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	margin-bottom: 0px;
}

td.ilc_PageDisabled
{
	padding:20px;
	border-right-style: solid;
	border-color: #9EADBA;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	margin-bottom: 0px;
	border-left: 3px dotted red;

}

table.ilc_LMNavigation {
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/TableHeader.gif);
	background-repeat:repeat-x;
	background-color: #EDEDED;
	width:100%;
}

td.ilc_LMNavigation
{
	padding: 3px;
	border-style: solid;
	border-color: #9EADBA;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-image: url(images/TableHeader.gif);
	background-color: #EDEDED;
	margin-bottom: 0px;
}

div.ilc_DefinitionHeader
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #000000;
}

table.ilc_Fullscreen
{
	background-color:#EEEEEE;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

html.ilc_Fullscreen, body.ilc_Fullscreen
{
	margin: 0;
	padding: 0;
	height: 100%;
}

table.ilc_FileList
{
	width: 100%;
	color:#222222;
	background-color:#bbbbbb;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#9EADBA;
	margin-bottom: 15px;
	margin-top: 5px;
}

th.ilc_FileList
{
	text-align: left;
	padding: 3px;
	background-image: url(images/TableHeader.gif);
}

td.ilc_FileItem
{
	background-color: #FFFFFF;
	padding: 3px;
}

div.ilc_LMMenu
{
	line-height: 22px;
}

a.ilc_LMMenu
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #B0B0B0;
	background-color: #E6ECF8;
	white-space: nowrap;
}

div.ilc_TableOfContents
{
	background-color:#FFFFFF;
	padding:20px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #EEEEEE;
	border-width: 1px;
	margin-bottom: 0px;
}

h1.il_LMHead
{
	margin: 6px 15px 6px 15px;
	font-size: 120%;
	font-weight: normal;
}


/* --- Test & Assessment styles --- */

.feedback
{
/*	border:  1px solid gray;*/
	padding: 4px;
	display: block;
	background: #EEEEEE;
}

div.ilc_Question
{
	padding-left: 20px;
	border-left: 3px;
	border-left-style: solid;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-color: red;
}

.testSheet {
	background: #EEEEEE;
	border-spacing: 1px;
	border: 1px outset #BBBBBB;
	margin: 5px;
	padding: 2em;
}

.questionTitle {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 140%;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #000000;
}

.questionPrintview {
	border: 1px solid #C0C0C0;
	padding: 0.25em;
	margin-top: 1em;
}

.solutionbox {
	color:black;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-style: inset;
	border-width: 1px;
}

td.middle {
	color: #000000;
	background-color: inherit;
	border-spacing:0px;
	border: none;
	padding: 3px;
	vertical-align: middle;
}

td.top {
	color: #000000;
	background-color: inherit;
	border-spacing:0px;
	border: none;
	padding: 3px;
	vertical-align: top;
}

/* --- Test tool javascript styles --- */

span.nowrap {
	white-space: nowrap;	
}

div.termtext
{
	width: 200px;
	height:  100px;
	border: 1px solid #000000;
	background-color: #F1F1F1;
	color:#222222;
	padding: 10px;
	vertical-align: middle;
	border-style: outset;
	text-align: center;
}

div.dropzone
{
	width: 220px;
	height:  120px;
	border: 1px solid #000000;
	background-color:#FFE4E4;
	color:#222222;
	padding: 10px;
	vertical-align: middle;
	border-style: dotted;
	text-align: center;
}

div.textboximage
{
	width: 200px;
	height: 80px;
	border: 1px solid #000000;
	background: #DDDDDD;
	padding: 10px;
	vertical-align: middle;
	border-style: outset;
	text-align: center;
}

div.imagebox
{
	width: 200px;
	height:  100px;
	border: 1px solid #000000;
	background-color: #F1F1F1;
	color:#222222;
	padding: 10px;
	vertical-align: middle;
	border-style: outset;
	text-align: center;
	z-index: 200;
}

div.textbox
{
	width: 200px;
	height:  100px;
	border: 1px solid #000000;
	background-color: #F1F1F1;
	color:#222222;
	padding: 10px;
	vertical-align: middle;
	border-style: outset;
	text-align: center;
	z-index: 200;
}

/* --- Survey tool styles --- */

.surveySheet {
	padding:20px;
	border-style: solid;
	border-color: #9EADBA;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	margin-bottom: 0px;
}

table.matrix
{
	border: none;
	border-collapse:collapse;
/*	font-family:arial,sans-serif;
	font-size:80%;
*/
}

td#matrix, th#matrix 
{
	border: none;
	border-collapse:collapse;
	padding:0.5em;
}

td#matrixrowtext
{
	width: 40em;
}

td.center {
	text-align: center;
}

td.column {
	text-align: center;
	font-weight: bold!important;
}

td.bipolar {
	text-align: center;
	vertical-align: middle;
	background: #EEEEEE;
	border: 1px solid #808080!important;
	width:  10em;
}

.questionblockTitle {
	font-size: 140%;
	font-weight: bold;
	color:#222222;
	margin-top:1em;
	margin-bottom:0px;
}

.questionheading {
	margin-top:1em;
	margin-bottom:1em;
}


/* -- Members Gallery Styles -- */
div.il_MembersGallery
{
	margin: 0 auto;
	text-align:center;
	width:95%;
	padding: 8px;
	line-height: 1.33;
	display:block;
	float:left;
}

div.il_Member
{
	page-break-before: auto;
	margin: 0px 5px 20px 5px;
	background-color: #EEEEEE;
	padding: 10px 15px;
	font-size: 75%;
	height:14em;
	width:10em;
	float:left;
	text-align:center;
	overflow: hidden;
}

div.il_Tutor
{
	page-break-before: auto;
	margin: 0px 5px 20px 5px;
	padding: 10px 15px;
	background-color: #BBBBBB;
	font-size: 75%;
	height:14em;
	width:10em;
	float:left;
	text-align:center;
	overflow: hidden;
}
