html{
height:100%;
margin:0px;
padding:0px
}
body{
background:#FCFCFC;
border-left:1px solid #E6E6E6;
color:#111111;
font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px
}
/*form{margin:0px;}*/
hr.popup{
border:none 0;
border-top:1px solid #90EE90;/*the border*/
height:1px
}
hr.bluethin{
border:none 0;
border-top:1px solid blue;/*the border*/
height:1px
}
input{
color:#222222;
font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
font-size:12px;
text-indent:1px/*border:1px inset #1E4A99;*/
}
textarea{
color:#222222;
font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
font-size:12px
}
select{
color:#222222;
font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
font-size:12px
}
td{
color:#222222;
font-size:12px
}
/*Calendar styling*/
td.calendar{
color:#C5D6ED;
font-size:12px;
padding:2px;
border-left:1px solid #CBD9F3;
border-top:1px solid #CBD9F3;
}
tr.calendar{
background:#2959A5;
font-size:12px;
height:25px
}
table.calendar{
background:#4A8CC6;
/*border:1px solid #CBD9F3;*/
color:#2F4F4F;
font-size:12px
}
/*
img{behavior:url("/libraries/pngbehavior.htc");}
*/
.ctg_title{
color:#ffffff;
font-size:12px;
font-weight:bold;
text-align:left
}
a.ctg_title:hover{
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
.menu{
background:#ffffff;
color:#111111;
font-size:12px
}
a.menu:hover{
font-weight:normal;
text-decoration:underline;
}

.message_success{
background:#ccffaa;
color:#008000;
font-size:11px;
font-weight:bold;
text-align:center
}
.message_announcement{
background:#ffff99;
color:#111111;
font-size:11px;
font-weight:bold;
text-align:left
}
.message_announcement h3{
margin-bottom:0px;
padding-bottom:0px
}
.systemAnnouncements{
background:#ffff99;
border:1px dotted #FF0000;
font-weight:bold;
padding:5px 5px 5px 5px;
z-index:10
}
.footer{
font-size:9px;
text-decoration:none;
}
.inner{
color:#808080;
font-size:12px
}
a.inner:hover{
color:#808080;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

th{
color:#ffffff;
font-size:12px;
font-weight:bold;
height:1px
}

a.glossary{
border-bottom:1px dashed;
color:#111111;
cursor:default;
position:relative;
text-decoration:none;
z-index:24
}
a.glossary:hover{
background:#ff0;
border-bottom:0px;
cursor:help;
text-decoration:none;
z-index:25
}
a.glossary span{
background:#FFFFE0;
border:1px solid #006400;
color:#000;
display:none;/*text-align:left;*/
font-size:11px;
font-style:normal;
font-weight:normal;
left:22px;
padding:5px 10px 8px 15px;
position:absolute;
text-decoration:none;
text-indent:0px;
top:32px;
width:300px;
z-index:28
}
a.glossary img{
display:none;
left:33px;
position:absolute;
top:18px;
z-index:30
}
a.glossary img.close{
display:block;
padding:1px;
position:static
}
a.info{
color:#111111;
cursor:default;
position:relative;
text-decoration:none;
z-index:24
}
a.info:hover{
background:#f0f000;
border-bottom:0px;
cursor:help;
text-decoration:none;
z-index:25
}
/*a.info span.tooltipSpan{display:none;}*/
a.info:hover span{
background:#FFFFE0;
border:1px solid #006400;
color:#111111;
display:block;/*a.info:hover span.tooltipSpan{*/
font-size:11px;
font-style:normal;
font-weight:normal;
left:22px;
max-width:400px;
min-width:300px;
padding:5px 10px 8px 15px;
position:absolute;
text-decoration:none;
text-indent:0px;
top:32px;
z-index:26
}
a.info:hover img{
display:block;
left:33px;
position:absolute;
top:18px;
z-index:30
}
a.drag_tree_nocontent{
color:#aaaaaa;
cursor:text
}
a.drag_tree_nohand{
cursor:text
}
a.drag_tree_current{
background:#c0c0c0;
border:1px solid #999999;
cursor:text
}
a.drag_tree_questions{
cursor:text;
font-size:12px
}
.description{
font-size:13px
}
.questionExplanation{
background:rgb(204,255,153);
border-style:dotted;
border-width:1px;
color:rgb(51,51,51);
vertical-align:top;
width:100%/*height:200px;*/
}
/*Question weight styling*/
.questionWeight{
background:#D3D3D3;
border:1px dotted #111111;
color:#515151;
height:20px;
vertical-align:top;
width:100%
}
/*images with + and -*/
img.plus{
background:url(/images/others/plus.png);
background-repeat:no-repeat;
cursor:pointer;
cursor:pointer;
height:13px;
width:12px
}
img.minus{
background:url(/images/others/minus.png);
background-repeat:no-repeat;
cursor:pointer;
cursor:pointer;
height:13px;
width:12px;      
}
img.optionsIcons{
margin:0px 2px 2px 2px
}
.statisticsTable tr{
height:25px
}
td.lessonsList,td.lessonsList_title{
background:#EBEBEB;/*  border-bottom:1px solid #000000;*/
border:1px dotted #959595;
color:#676767;
font-size:12px;
font-weight:bold;
height:20px;
padding:3px;
text-align:left;
vertical-align:middle
}
td.lessonsList_title{
border:none
}
a.lessonsList,a.lessonsList:link,a.lessonsList:visited,a.lessonsList:hover{
background:#A0BDEF;/*  border-bottom:1px solid #000000;*/
border:none
}
td.lessonsList_nocolor{
font-size:12px;/* border-bottom:1px solid #000000;*/
height:25px;
padding:5px;
text-align:right
}
td.lessonsList_lessons{
color:#111111;/*height:25px;
padding:5px;*/
font-size:11px/*background-color:yellow;*/
}
.inputText{
font-size:12px;
width:20em
}
.inputTextarea{
height:15em;
width:30em
}
.inputContentTextarea{
height:45em;
width:100%
}
/*.inputCheckbox{border:0;}*/ /* There was a border in Internet Explorer*/
/*.inputRadioButton{border:0;}*/ /* There was a border in Internet Explorer*/
.inputSelect{
min-width:20em
}
table.formElements{
margin-left:0px;
margin-right:0px
}
td.labelCell{
text-align:right;
vertical-align:middle;/*The cell containing a form element label*/
white-space:nowrap;
width:10%
}
td.labelFormHalfCell{
font-size:12px;
font-weight:bold;
text-align:right;
vertical-align:middle;
width:47%
}
td.labelFormCell{
font-size:12px;
font-weight:bold;
text-align:right;
vertical-align:middle;
width:25%
}
td.labelFormCellTitleCenter{
font-size:14px;
font-weight:bold;
text-align:center;
vertical-align:middle;
width:25%
}
td.labelFormCellSmall{
font-size:11px;
text-align:right;
vertical-align:middle;
width:25%
}
td.labelFormCellTitle{
font-size:14px;
font-weight:bold;
text-align:right;
vertical-align:middle;
width:25%
}
td.elementFormCell{
border:1px;
font-size:12px;
text-align:left;
vertical-align:middle
}
td.elementCell{
text-align:left;
vertical-align:middle;
white-space:nowrap
}
td.infoCell{
color:gray;
text-align:left;
vertical-align:middle;/*The cell containing info for a field*/
white-space:nowrap
}
table.indexTable{
background:#EEEEEE;
border:1px outset #1E4A99;
margin-left:auto;
margin-right:auto;
width:380px
}
td.indexHeader{
background:#5F91EA;
color:white;
font-size:13px;
font-weight:bold;
vertical-align:middle
}
td.indexFooter{
color:white;
white-space:nowrap
}
.indexFoot{
background:#EEEEEE;
border-top:2px dotted #355271;
font-size:13px;
font-weight:bold;
margin:0px;
padding:0px
}
a.inactiveLink,
a.inactiveLink:link,
a.inactiveLink:hover,
a.inactiveLink:visited,
a.inactiveLink:active{
color:#808080;
cursor:default;
text-decoration:none
}
ul.outerList{
list-style:none;
margin:-15px 0 5px 0;/* margin-top:-15px counters the margin-top:10px of ul.outerList li.title */
padding:0 0 4px 2px;
width:100%/*background-image:url(/images/others/grd-4px_1.1.gif);
background-repeat:repeat-x;*/
}
ul.innerList{
list-style:none;
margin:0;
padding:0 0 3px 0;
text-align:left
}
ul.innerList li{
display:block;
padding:0px 0px 1px 0px
}
ul.outerList li.title{
border-bottom:1px solid #888888;
color:#555555;
display:block;
font-weight:bold;
margin:4px 0px 2px 0px;
padding:0px;
width:100%
}
ul.outerList li.container{
color:#000;
display:block;
margin:0px;
padding:0px;
width:100%
}
ul.innerList li a{
color:#111111;
display:inline;
text-decoration:none;
vertical-align:middle;
width:100%
}
/*DarkBlue*/
html>body ul.innerList li a{
width:auto
}
/*ul.innerList li a:hover{
color:#999;
}*/
/*global_temp*/
.inputTextarea_Contact{
height:20em;
width:30em
}
.inputTextarea_QuestionText{
height:250px;
width:100%
}
.inputTextarea_QuestionExample{
height:5em;
width:100%
}
.inputTextarea_QuestionExplanation{
height:120px;
width:100%
}
table.formElements td.labelCellAbove{
font-size:12px;
text-align:left;
white-space:nowrap/*The cell containing a submit button*/
}
.horizontalSeparatorAbove{
border-top:1px solid #555555/*Horizontal line*/
}
.inputText_QuestionChoice{
width:40em
}
.selectedPage{
font-size:14px
}
.sortAscending{
background:url('/images/12x12/navigate_up.png') center right no-repeat
}
.sortDescending{
background:url('/images/12x12/navigate_down.png') center right no-repeat
}
.sortedTable{
visibility:hidden;
}
td.sortedTableFooter{
background:#D3D3D3;
text-align:right;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}
/*System colors*/
.theoryStyle{
background:#330099
}
.rulesStyle{
background:#008080
}
.chatStyle{
background:#ccff00
}
/*Top title is used in all elements connected with current ctg*/
.topTitle{
color:#222222;
/*font-size:11px;*/
font-weight:bold;/*border:1px double #5D91ED;*/
background-image: url(../images/others/blue.jpg);
border-bottom: 1px solid #CCCCCC;
}
a.topTitle,a.topTitle:link,a.topTitle:visited,a.topTitle:hover{
border:none;
color:#222222;
background-image: none;
}

/*Content tree colors*/
.treeTheory,a.treeTheory,a.treeTheory:link,a.treeTheory:visited,a.treeTheory:hover{
color:#00008B/*DarkBlue*/
}
.treeExamples,a.treeExamples,a.treeExamples:link,a.treeExamples:visited,a.treeExamples:hover{
color:#DAA520/*GoldenRod*/
}
.treeExercises,a.treeExercises,a.treeExercises:link,a.treeExercises:visited,a.treeExercises:hover{
color:#DC143C/*crimson*/
}
/*forest#008000*/
.treeScorm,a.treeScorm,a.treeScorm:link,a.treeScorm:visited,a.treeScorm:hover{
color:#FF501D/*DarkBlue*/
}
/*lightgray*/
.treeNoContent,a.treeNoContent,a.treeNoContent:link,a.treeNoContent:visited,a.treeNoContent:hover{
color:#A9A9A9/*darkgray*/
}



/*Content tree table*/
table.contentTree{
border:1px solid #FFD700/*gold*/
}
table.contentTree tr{
height:1.8em
}
table.contentTree th{
background:#F0E68C;
text-align:left
}
/*Left menu elements*/
td.menuContainer{
border:1px solid #3399ff;/*Table containing menu*/
vertical-align:top
}
/*
td.menuTableInactive{
text-align:right;
background-color:white;
}
*/
/*RoyalBlue */
/*a.menuLinkActive,a.menuLinkActive:link,a.menuLinkActive:visited,a.menuLinkActive:hover{
color:#ffffff
}*/
/*Inner table and Icon table*/
table.innerTable,table.iconTable{
background:#F8F8F8;
border:1px dotted #E4E4E4;
width:100%
}
table.innerTable th.innerTableHeader,
table.iconTable th.iconTableHeader{
color:#555555;/*gray*/
font-weight:bold;
text-align:left
}
table.innerTable td.innerTableTd{
}
table.innerTable td.tableSeparator{
background:#2F4F4F;
height:0.3em
}
table.innerTable td.tableImage{
width:1%
}
td.iconCenter{
text-align:center;
}
td.iconTableTD{
background:#F8F8F8;
padding:10px 0px;
text-align:center;
 border: 1px;
}
td.iconTableTD:hover{
background:#dbe5f1;
}
td.emptyIconTableTD{
background:#F8F8F8;
text-align:center
}
/*Right menu elements*/
table.sideTable{
border:1px solid #DDDDDD;/*RoyalBlue */
padding:2px 8px;
width:100%
}
/*Styling of tables holding forms*/
/*Form elements styling*/
/*RoyalBlue */
/*Separators*/
.verticalSeparator{
border-right:1px solid #3399ff/*Vertical line between menu and main page*/
}
.horizontalSeparator{
border-bottom:1px solid #888888/*Horizontal line*/
}
.horizontalSeparatorImage{
height:10px;
width:100%
}
/*Colors for alternating table rows*/
tr.oddRowColor{
background:#f1f1f1;
border:1px dotted #D0D0D0/*white*/
}
tr.evenRowColor{
background:#f8f8f8
}
tr.oddRowColor:hover,
tr.evenRowColor:hover{
background:#C7D7F3
}
/*Warning messages*/
/*Alignment classes*/
.bottomAlign{
vertical-align:bottom
}
/*Must go!*/
.centerElement{
margin-left:auto;/*Center an element*/
margin-right:auto
}
/*Various classes*/
.emptyCategory{
font-style:italic/*Font style for empty list messages*/
}
/*gray*/
.nowrap{
white-space:nowrap
}
table.bookmarksTable,
table.userTable{
background:#ccffcc;
border:2px solid #3399ff;
display:none;
position:absolute
}
table.bookmarksTable{
left:-403px;
top:24px;
width:500px;
z-index:30
}
td.userText{
border-bottom:1px solid #3399ff;
font-weight:bold;
width:200px
}
td.bookmarksLower{
padding:3px 3px 4px 5px;
width:500px
}
td.borderBottom{
border-bottom:1px solid #3399ff
}
/*Text to be used as headers*/
.mediumHeader{
font-size:16px;/*Header,appearing in statistics,calendar etc*/
text-align:center;
vertical-align:top;
white-space:nowrap
}
.smallHeader{
font-size:12px;
text-align:center;
vertical-align:top;
white-space:nowrap;
}
/*Lesson list styling*/
/*Various link styles*/
/*Links used to edit or delete data*/
/*gray*/
/**Chat specific styling*/
span.chatProfessorMessages{
color:yellow;
}
span.chatAdministratorMessages{
color:#111111;
}
span.chatSystemMessage{
color:#800080;
font-style:italic;
}
/*Chat room options*/
a.exitLink,a.exitLink:link,a.exitLink:visited,a.exitLink:hover{
color:#EE82EE;
}
a.indexLink,a.indexLink:link,a.indexLink:visited,a.indexLink:hover{
color:white;
}
/*Main frame tables styling*/
.mainTable{
height:100%;
width:100%/*The main table is the top-most table holding all elements and information*/
}
.centerTable{
height:auto;
vertical-align:top;
width:100%/*The center table is right below the header with the title,and any messages. The right side menu is not included*/
}
.centerTable td.leftColumn,/*The left and right column represent the colums on the center table,holding options*/
.centerTable td.rightColumn{
vertical-align:top;
width:50%
}
.centerTable td.leftColumn{
padding-right:10px
}
.leftColumnData,/*The tables included in the columns above*/
.rightColumnData,
.singleColumnData{
vertical-align:top;
width:100%
}
/*Each piece of information is holded within a moduleCell*/
.mainTable td.sideMenu{
vertical-align:top;
white-space:nowrap;
width:225px/*The right side menu*/
}
.mainTable td.mainFooter{
height:20px;/*The Footer*/
text-align:right;
vertical-align:bottom
}
.mainFooter,a.mainFooter,a.mainFooter:link,a.mainFooter:visited,a.mainFooter:hover{
color:#6D6D6D
}
/*Forum and personal messages styling*/
.forumTable{
margin-top:0em;
width:100%/*Forum Table that contains lists of rows*/
}
.forumTable tr{
height:25px
}
.messagesTable{
width:100%
}
.messagesTable tr{
height:25px
}
.previewPane{
background:#dddddd;
border:1px solid #111111;
vertical-align:top
}
.emailBodyTextarea{
height:30em;
width:100%
}
.emailSubjectText{
width:50em
}
/*
** keep the whitespace in front of the ^=,hides rule from konqueror
** this is css3,the validator doesn't like it when validating as css2
*/
/*
a[href ^="http://"]{
background:url(/images/12x12/external.png) center right no-repeat;
padding-right:13px
}
//Cancel above effect for local addresses,since IE,when using innerHTML,replaces local links with global,ie /forum becomens http://localhost/forum 
a[href ^="http://<?php echo $_SERVER['HTTP_HOST']?>"]{
background:none;
padding-right:0px
}
a[href ^="mailto:"],
.link-mailto{
background:url(/images/12x12/mail_icon.png) center right no-repeat;
padding-right:18px
}
a[href $=".ogg"],a[href $=".OGG"],
a[href $=".mid"],a[href $=".MID"],
a[href $=".midi"],a[href $=".MIDI"],
a[href $=".mp3"],a[href $=".MP3"],
a[href $=".wav"],a[href $=".WAV"],
a[href $=".wma"],a[href $=".WMA"]{
background:url(/editor/icons/wav.png) center right no-repeat;
padding-right:20px
}
a[href $=".ogm"],a[href $=".OGM"],
a[href $=".avi"],a[href $=".AVI"],
a[href $=".mpeg"],a[href $=".MPEG"],
a[href $=".mpg"],a[href $=".MPG"]{
background:url(/editor/icons/mpg.png) center right no-repeat;
padding-right:20px
}
a[href $=".pdf"],a[href $=".PDF"],
a[href *=".pdf#"],a[href *=".PDF#"],
a[href *=".pdf?"],a[href *=".PDF?"]{
background:url(/editor/icons/pdf.png) center right no-repeat;
padding-right:20px
}
*/
/*Tab functionality*/
.tabberlive .tabbertabhide{
display:none
}
/*.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up */
.tabber{
}
.tabberlive{
margin-top:1em
}
/* ul.tabbernav = the tab navigation list
li.tabberactive = the active tab */
ul.tabbernav{
border-bottom:1px solid #778;
font:bold 12px Verdana,sans-serif;
margin:0;
padding:3px 0
}
ul.tabbernav li{
display:inline;
list-style:none;
margin:0
}
ul.tabbernav li a{
background:#DDE;
border:1px solid #778;
border-bottom:none;
margin-left:3px;
padding:3px 0.5em;
text-decoration:none
}
ul.tabbernav li a:link{
color:#448;
}
ul.tabbernav li a:visited{
color:#667;
}
ul.tabbernav li a:hover{
background:#AAE;
border-color:#227;
color:#000
}
ul.tabbernav li.tabberactive a{
background:#fff;
border-bottom:1px solid #fff
}
ul.tabbernav li.tabberactive a:hover{
border-bottom:1px solid white;
color:#000;
}
.tabberlive .tabbertab{
border:1px solid #aaa;
border-top:0;
padding:5px
}
.tabberlive .tabbertab h2{
display:none
}
.tabberlive .tabbertab h3{
display:none;
font-size:14px
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1{
}
.tabberlive#tab2{
}
.tabberlive#tab2 .tabbertab{
height:200px;
overflow:auto
}
/*Drag and drop tree*/
.dhtmlgoodies_tree ul{
display:none;/* Initially hide sub nodes */
margin-left:12px;/* Left spacing */
padding-left:0px
}
#floatingContainer ul{
margin-left:12px;/* Left spacing */
padding-left:0px
}
.dhtmlgoodies_tree li,#floatingContainer li{
list-style-type:none;/* Nodes */
vertical-align:middle
}
.dhtmlgoodies_tree li a,#floatingContainer li a{
color:#000;/* Node links */
line-height:13px;
margin-left:0px;
padding-left:0px;
text-decoration:none
}
.dhtmlgoodies_tree li a.highlightedNodeItem{
background:#009;
color:#FFF
}
.dhtmlgoodies_tree input.folderTreeTextBox{
height:12px;
margin:0px;/* Css for the text input - rename item */
padding:0px
}
img.delete{
cursor:pointer;
float:right;
margin-bottom:-16px;
position:relative;
top:-16px
}
/*This class is used for pop up divs containing various information (see tests for example)*/
.popUpInfoDiv{
background:#f1f1f1;
border:1px solid #111111
}
img.inactive{
cursor:default
}
#sortableList div ul.sortable{
list-style-type:none;/*list-style-image:url(http://script.aculo.us/images/bullet.gif);*/
margin:0px;
padding:0px
}
div ul.sortable li table .handle{
cursor:move
}
.titleLink,a.titleLink,a.titleLink:link,a.titleLink:visited,a.titleLink:hover{
color:#222222;
}
img.linkImage{
cursor:pointer
}
.surveyAnswer{
background:rgb(204,255,153);
border-style:dotted;
border-width:2px;
color:#FF0000;
font-size:12px;
font-weight:bold;
height:20px;
vertical-align:bottom
}
.surveyPercentage{
background:rgb(204,255,153);
border-style:dotted;
border-width:2px;
color:blue;
height:20px;
vertical-align:baseline
}
td.externalSurvey{
background:#A0BDEF;
color:#111111;
font-size:13px;
font-weight:bold;
vertical-align:middle
}
/*Class for div popups that appear at the center of the screen*/
.divPopup{
background:#f1f1f1;
border:1px solid #111111;
position:absolute;
text-align:center;
top:0px;
z-index:100
}
.dimmerDiv{
background:#778899;
filter:alpha(opacity=50);/* CSS3 standard */
height:100%;
left:0px;/* for IE */
-moz-opacity:0.5;
opacity:0.5;/* for Mozilla */
position:absolute;
top:0px;
width:100%;
z-index:99
}
.sidebarslidecontrol{
color:#BBB;
cursor:pointer;
font-size:1.2em;
text-align:right;
width:202px
}
div.lessons_info_page{
margin:0 25px 0 25px
}
.blockHeader{
color:#555555;
font-size:16px
}
div.autocomplete{
background:white;
border:1px solid #888;
margin:0px;
padding:0px;
position:absolute;
width:250px
}
div.autocomplete ul{
list-style-type:none;
margin:0px;
padding:0px
}
div.autocomplete ul li.selected{
background:#ffb
}
div.autocomplete ul li{
cursor:pointer;
display:block;
font-size:10px;
height:20px;
list-style-type:none;
margin:0;
padding:0px
}
body.sidebar,table.sidebarMainTable{
background:#F4F4F4
}
a.ctg_title:link,a.ctg_title:visited{
font-size:12px;
font-weight:bold;
text-decoration:none
}
a.ctg_title:active{
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.search_title{
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.menu:link,a.menu:visited{
color:#111111;
text-decoration:none;
}
a.menu:active,ul.innerList li a.treeTheory:link,ul.innerList li a:visited{
color:#111111;
text-decoration:none;
}
ul.innerList li a:hover{
color:#111111;
text-decoration:underline;
}
table,.table_ctg{
border-collapse:collapse;
}
.message,.message_failure{
background:#ffff99;
color:#ff0000;
font-size:11px;
font-weight:bold;
text-align:center
}
.disable,.treeInactive,a.treeinactive,a.treeinactive:link,a.treeinactive:visited,a.treeinactive:hover{
color:#D3D3D3;
}
a.footer:link,a.footer:visited{
text-decoration:underline;
}
a.footer:active,a.footer:hover{
text-decoration:underline;
}
a.inner:active,a.inner:link,a.inner:visited{
color:#555555;
font-size:12px;
text-decoration:none;
}
a:active,a:link,a:visited{
color:#222222;
text-decoration:none;
}
a:hover{
color:#111111;
text-decoration:underline;
}
a.info:visited,a.info:link,a.menuLinkInactive,a.menuLinkInactive:link,a.menuLinkInactive:visited,a.menuLinkInactive:hover{
color:#111111
}
a.info span,a.info img{
display:none
}
a.drag_tree_nocontent:visited,a.drag_tree_nocontent:hover{
color:#aaaaaa;
text-decoration:none;
}
.statisticsTable,table.QuestionsListTable{
width:100%
}
.formError,.formRequired,.severeWarning{
color:#FF0000
}
.headerCell,.boldFont{
font-weight:bold
}
ul.innerList li img,img.iconTableImage{
vertical-align:middle
}
ul.outerList li.title table,.dhtmlgoodies_tree,#floatingContainer{
margin:0px;
padding:0px
}
table.QuestionsListTable tr,.defaultRowHeight{
height:25px
}
.contentManagementStyle,.examplesStyle{
background:#cc33ff
}
.exercisesStyle,.statisticsStyle{
background:#ff9900
}
.personalPageStyle,.glossaryStyle{
background:#3399ff
}
.personalLessonsStyle,.mainPageStyle{
background:#3399ff
}
.forumStyle,.messagesStyle{
background:#cc6600
}
.defaultStyle,.schedulingStyle,.lessonOptionsStyle{
background:#3399ff
}
.topSubtitle,a.selectedLink,a.selectedLink:link,a.selectedLink:visited,a.selectedLink:hover{
font-size:11px;
font-weight:bold
}
.treeTests,a.treeTests,a.treeTests:link,a.treeTests:visited,a.treeTests:hover,.correctAnswer{
color:#228B22
}
input.flatButton,button.flatButton{
/*border: 1px solid #676767;*/
font-size:11px/*Common flat buttons*/
}
input.textBox,select.defaultStyle{
border:1px dotted #3399ff
}
.plainWarning,a.activateLink,a.activateLink:link,a.activateLink:visited,a.activateLink:hover{
color:#FFA500
}
.topAlign,.moduleCell{
vertical-align:top
}
.rightAlign,td.menuTableActive,table.innerTable td.info{
text-align:right
}
.leftAlign,table.formElements td.submitCell,td.formError,td.formRequired{
text-align:left
}
.centerAlign,.centerText{
text-align:center
}
.inactiveElement,a.optionsLink,a.optionsLink:link,a.optionsLink:visited,a.optionsLink:hover{
color:#555555
}
span.counter,a.EmptyLesson{
font-weight:normal
}
a.nonEmptyLesson,a.optionsLink:hover{
font-weight:bold
}
a.previewLink,a.previewLink:link,a.previewLink:visited,a.previewLink:hover,span.chatMyMessages{
color:#800080
}
a.editLink,a.editLink:link,a.editLink:visited,a.editLink:hover,span.chatStudentMessages{
color:#008000
}
a.deleteLink,a.deleteLink:link,a.deleteLink:visited,a.deleteLink:hover,.wrongAnswer{
color:#FF0000
}
a.inviteLink,a.inviteLink:link,a.inviteLink:visited,a.inviteLink:hover,.noWarning,a.newUnits{
color:#008000
}
.centerTable tr.topTitle,.centerTable tr.messageRow{
height:25px
}
.centerTable td.singleColumn,.leftColumnData,
.rightColumnData,
.singleColumnData{
vertical-align:top;/*If there are not 2 columns (e.g. when displaying content,this single column is displayed*/
width:100%
}
.messageTable {
width: 100%;
text-align: center;
background-color: #808080;
border-bottom-color: #AAAAAA;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.inputSearchText {
background-image: url('/images/16x16/search.png');
background-repeat: no-repeat;
padding-left: 18px;
vertical-align: middle;
width:120px;
}
.sortTablefilter {
width: 10%;
float: left;
white-space: nowrap;
vertical-align: middle;
}
.messageDiv {
background-color:#F0E68C;
vertical-align:middle;
color:red;
height:25px;
top:100px;
right:100px;
text-align:center;
z-index:10;
}