/* contextual menu links - THESE MUST ALWAYS BE THE FIRST THINGS ON THE PAGE!! */
.contextlink {
text-decoration : none !important;
font-weight:normal;
background-color:#DEDEDE;
padding:2px;
border-left : 1px solid #DEDEDE;
border-top : 1px solid #DEDEDE;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
display:block;
white-space:nowrap;
}
.contextlinkover {
text-decoration : none !important;
font-weight:normal;
background-color: #ff9900;
padding:2px;
border-left : 1px solid #ffcc33;
border-top : 1px solid #ffcc33;
border-right : 1px solid #cc6600;
border-bottom : 1px solid #cc6600;
display:block;
white-space:nowrap;
}
.contextlink:hover {
text-decoration : none !important;
font-weight:normal;
background-color: #cecece;
padding:2px;
border-left : 1px solid #eeeeee;
border-top : 1px solid #eeeeee;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
display:block;
}
.contextmenubar {
text-align:right;
background-color:#999999;
padding:1px;
display:block;
}
.contextdiv{
position:absolute;
visibility:hidden;
left:0px;
top:0px;
align:left;
z-index:10;
border-left : 1px solid #999999;
border-top : 1px solid #999999;
text-align:left;
}
.contextcenter{
text-align:center;
}
/* background color:use tint of second color (b1)  */
body {
background-color:#FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
}
/* Default typeface & type size spec */
TD,TH,BODY,P,A,UL,LI,UL UL {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 13px}
/* color: fixed */
.leftborder {border-left: 1px dashed #999;}
/* color: grey */
.rightborderbold {border-right: 1px dotted #979797;}
/* color: fixed */
.rule {width:100%; border-top:1px solid #333; border-bottom:1px solid #333; margin:0px;}
/* borders for nested grid-tables color: a3 */
.border {background-color:#66A4CC;}
/* dividers */
hr {color:#333; height: 1px;}
hr.divider2 {color:white; border-bottom:1px dashed #999;}
/* Page headers color: a6 */
.pageheader { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; color:#2d2680; }
.subheader { FONT-FAMILY: Verdana , Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#2d2680; }
H1 { FONT-FAMILY: 'Verdana', Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; color:#2d2680; margin:0px;}
H2 { FONT-FAMILY: Verdana , Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#2d2680; }
H3 { FONT-FAMILY: Verdana , Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#2d2680; }
/* form sections and form subsections are used in settings pages color: gray (fixed) */
/*H2.form {display:block; margin:0px; margin-left:-4px; padding:4px; padding-left:4px; background-color: #eee;}*/
H2.form {display:inline; margin:0px;}
H3.form {margin:0px; margin-left:-4px; padding:2px; padding-left:4px;}
/* large type for emphasis/better readability */
.big {font-weight:bold; font-size:150%; font-family:arial,helvetica;}
/* Standard highlight color/treatment color: fixed */
.hilite {background-color: #FFC;}
/* alerts/warnings  color: ?? */
.alert {color:#F00;}
/* Help text (for newer browsers, can use display:none to hide it) */
.helptext {font-style: normal; color: #696969;}
.greytext {font-style: normal; color: #696969;}
/* labels for form fields */
.label {font-weight:bold;}
/* Standard Date presentation */
.date {}
.textsmall {FONT-SIZE: 80%; FONT-WEIGHT: normal; COLOR: #696969}
.textsmall2 {FONT-SIZE: 90%; FONT-WEIGHT: normal;}
.textlight {FONT-WEIGHT: normal; COLOR: #A9A9A9}
.fineprint {FONT-SIZE: 70%; FONT-WEIGHT: normal; COLOR : black !important;}
/*Tool Name*/
.toolheader {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; font-style : normal; font-weight : bold;}
/*CSO Dynamic Header */
tr.dynheader td{background-color: #F1F1F1; border-bottom : 2px solid #BEBEBE; border-top : 2px solid White;}
.dynheaderdark{background-color: #DCDCDC !important; border-bottom : 1px solid #A0A0A0 !important; border-left : 1px solid #A0A0A0 !important; border-top : 1px solid White !important;}
.helplink,a.helplink {font-weight:bold;}
/*_______________________________________________________________________*/
/* FORMS FORMS FORMS FORMS FORMS */
/* remove extra space around form objects */
form{margin: 0px; padding:0px;}
/* All form elements (keeps certain form elements a reasonable size) */
input,textarea,select {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 90%;}
select {background-color:#f8f8f8;}
/* dropdown buttons fixed color */
.multibutton {background-color:#FFFFCC; padding-top:1px; padding-bottom:1px; padding-left:4px; padding-right:4px; border:solid 1px #666666;}
/* read-only form fields. -- "readonly" is a class, not the readonly attribute */
input.readonly {border-width:0px;}
.cselect {width : 15em;}
.cselect2 {width : 15em;}
form.checkbox{margin:0; padding:0; border:0;}
/* textarea and textblock styles */
.desc {width:500px;}
.titlewide {width:500px;}
.title {width:250px;}
.titlenarrow {width:150px;}
.text{width:250px;}
.textwide{width:500px;}
.textextrawide{width:570px;}
.selectorbox{width:200px;}
/* shaded background around textareas */
.borderbox {border: 1px solid #CFCFCF; padding:4px; background-color:#eeeeee;}
.bcbox {border: 1px solid gray;}
table.filebrowsetoggle, tr.filebrowsetoggle td, td.filebrowsetoggle {
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
width:212px;
height:22px;
font-size:90%;
font-weight:normal;
}
.ba {font-size:90%; font-weight:normal;}
/*_______________________________________________________________________*/
/* LINKS LINKS LINKS LINKS LINKS */
/* regular links  color: a5 */
A {color:#265D80; text-decoration:underline;}
A:hover {text-decoration:underline;  color:black;}
/* fix alignment of action button next to pulldown in Netscape 6 */
select + a.go img {position:relative; top:-4px;}
A.rosterlight:hover {color: white;}
A.rosterdark:hover {color: black;}
/*TOGGLE LINK*/
A.toggle:link  IMG, A.toggle:visited IMG, A.toggle:active IMG {
background-color: transparent;
border-left: 1px solid #cecece;
border-top: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
A.toggle:hover IMG {
background-color: white !important;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
A.toggleR{
font-weight:normal; padding: 1px 3px; margin: 10px 0px; text-decoration:none !important; white-space:nowrap;
color:#000000;
background-color: #DCDCDC;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
A.toggleL{
font-weight:normal; padding: 1px 3px; margin: 10px 0px; text-decoration:none !important; white-space:nowrap;
color:#000000;
background-color: #DCDCDC;
border-top: 1px solid #A9A9A9;
border-left: 1px solid #A9A9A9;
border-bottom: 1px solid #333333;
}
A.toggleon{
font-weight:normal; padding: 1px 3px; margin: 10px 0px; text-decoration:none !important; white-space:nowrap;
text-decoration:none !important;
color: #000000;
background-color: #efefef;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
}
/*INLINE LINK*/
A.inline:hover {color:black;}
A.inline:link IMG, A.inline:visited IMG, A.inline:active IMG 	{
background-color: #EAEAEA;
border-left: 1px solid #EAEAEA;
border-top: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
A.inline:hover IMG {
background-color: white;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
}
.inline2{
background-color: #EAEAEA;
border-left: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.inline2:hover{
background-color: #F1F1F1;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
}
/*TOOLBAR LINK*/
A.toolbaricon:hover {color:black;}
A.toolbaricon:link  IMG, A.toolbaricon:visited IMG, A.toolbaricon:active IMG {
background-color: #cecece;
border-left: 1px solid #cecece;
border-top: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
A.toolbaricon:hover IMG {
background-color: #eeeeee;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
a.under{
text-decoration:underline;
}
a.nounder, a.nounder:active{
text-decoration:none;
}
a.nounder:hover{
text-decoration:none;
}
/*ACTION LINK color: fixed */
A.action
{font-weight:normal; padding: 1px 3px; margin: 10px 0px; text-decoration:none !important; white-space:nowrap;}
A.action:link, A.action:visited, A.action:active{
font-size:100%;
color:#000000;
background-color: #DCDCDC;
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
text-decoration:none !important;
padding:2px;
padding-left:4px;
padding-right:4px;
}
A.action:hover{
font-size:100%;
text-decoration:none !important;
color: #000000;
background-color: #efefef;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
text-decoration:none !important;
}
input.action {
font-size:100%;
color:#000000;
background-color: #DCDCDC;
border-left: 1px solid #A9A9A9 !important;
border-top: 1px solid #A9A9A9 !important;
border-right: 1px solid #333333 !important;
border-bottom: 1px solid #333333 !important;
text-decoration:none !important;
margin-bottom:-2px;
}
/*ACTION DISABLED LINK*/
A.actiondisabled
{ font-weight:normal; padding: 1px 3px; margin: 10px 0px; text-decoration:none !important;}
A.actiondisabled:link, A.actiondisabled:visited, A.actiondisabled:active{
color:#A9A9A9;
background-color: #DCDCDC;
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
text-decoration:none !important;
}
A.actiondisabled:hover{
text-decoration:none !important;
background-color: #DCDCDC;
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
text-decoration:none !important;
}
/*ACTIONBLOCK LINK*/
A.actionblock{
padding:2px;
}
A.actionblock:link, A.actionblock:visited, A.actionblock:active{
display:block;
width:130px;
margin-top:0px;
margin-bottom:0px;
color:#000000;
background-color: #DCDCDC;
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
A.actionblock:hover{
display:block;
width:130px;
margin-top:0px;
margin-bottom:0px;
text-decoration:none;
color: #000000;
background-color: #efefef;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
}
/*GO LINK*/
A.go:link IMG, A.go:visited IMG, A.go:active IMG{
background-color: #cecece;
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
A.go:hover IMG{
background-color: #F1F1F1;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
}
/*Edit button on MyWebct*/
A.edit:link IMG, A.edit:visited IMG, A.edit:active IMG {
background-color: #cecece;
border-left: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
A.edit:hover IMG {
background-color: #F1F1F1;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
}
/* styles for editing formulas in Gradebook */
a.pad {width:30px; margin:0px; padding:3px 6px;}
a.fpad {width:175px; margin:0px; padding:3px 3px;}
/* File Browser Basic View icons*/
a.idlelocation:link,a.idlelocation:visited,a.idlelocation:active {
width:95%;
padding:2px;
border-top:1px solid #dedede;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
background-color:#dedede;
}
a.idlelocation:hover {
width:95%;
padding:2px;
border-top:1px solid #888888;
border-left:1px solid #888888;
border-right:1px solid white;
border-bottom:1px solid white;
background-color:#eeeeee;
}
/* breadcrumbs: fixed colors */
A.breadcrumb:link { color: #999999; text-decoration: underline; font-weight:700;}
A.breadcrumb:visited { color: #999999; text-decoration: underline; font-weight:700;}
A.breadcrumb:active { color: #333333; text-decoration: underline; font-weight:700;}
A.breadcrumb:hover { color: #999999; text-decoration: underline; font-weight:700;}
/* global links (mywebct) */
A.global:link,A.global:visited, A.global:active{color: #FFFFFF;}
A.global:hover{color: #FFFFFF;}
td.global{color: #FFFFFF;}
a.layer:link, a.layer:active, a.layer:visited {text-decoration : underline !important;}
a.layer:hover {text-decoration : underline !important;}
/*_______________________________________________________________________*/
/* TABLES TABLES TABLES TABLES TABLES TABLES */
/* remove inherited borders from nested tables marked .clear */
.clear,table.clear td,tr.clear,tr.clear td,table.clear {border:none !important; background-color : transparent !important;}
/* vertical rules for data tables */
tr.data td, tr.data th, td.data, th.data {border-left:1px solid #666;}
tr.data {border-right:1px solid #666;}
tr.nodata td, tr.nodata th, td.nodata, th.nodata {border:none !important;}
/* Table Cells color: a2 */
tr.headcell td, tr.headcell th, .headcell {
color:#2d2680 !important;
background-color:#8AC2E6 !important;
font-weight:bold !important;
vertical-align : top;
}
tr.headcell2 td, tr.headcell2 th, .headcell2 {
color:#2d2680 !important;
background-color:#8AC2E6 !important;
vertical-align : top;
}
/* color: a2 */
tr.subcell td, tr.subcell th, .subcell {
background-color:#B3E1FF;
vertical-align : middle;
font-weight: normal;
color: black;
}
tr.subcell2 td, tr.subcell2 th, .subcell2 {
background-color:#B3E1FF;
font-weight:normal;
color:black;
}
/* color: white (fixed) */
tr.oddRow td, tr.oddRow th, .oddRow {
border-left:1px solid #ffffff;
background-color:#fff;
font-weight:normal;
color:black;
}
/* color: gray (fixed?) */
tr.evenRow td, tr.evenRow th, .evenRow {
border-left:1px solid #ffffff;
background-color:#eee;
font-weight:normal;
color:black;
}
/* color: fixed? */
tr.footcell td, tr.footcell th, .footcell {
background-color:#c9d2dc;
color:#2d2680 !important;
vertical-align : top;
}
/* table header styles */
TH {font-weight:bold; text-align:left;}
TH A {font-weight:bold; text-decoration:underline;}
/* make sure sort links in table headers are right color */
TR.headcell TH A,TR.headcell TH A:link,TR.headcell TH A:visited {color:black; text-decoration:underline !important}
TR.headcell TD A,TR.headcell TD A:link,TR.headcell TD A:visited {color:black; text-decoration:underline !important}
/* ...but not action buttons! they should be color a1 */
TR.headcell TH A.action,TR.headcell TH A.action:link,TR.headcell TH A.action:visited {color:#B3E1FF; text-decoration:none !important}
TR.headcell TD A.action,TR.headcell TD A.action:link,TR.headcell TD A.action:visited {color:#B3E1FF; text-decoration:none !important}
/* color: fixed */
tr.divider2 td, tr.divider2 th, td.divider2, .divider2 {border-bottom:1px solid #bdbdbd;}
/* color: fixed */
tr.divider td, tr.divider th, td.divider, th.divider {border-bottom: 1px solid #797979;}
tr.dividerl td, tr.dividerl th, td.dividerl, th.dividerl {border-bottom: 1px solid #cccccc;}
/*yellow for expanded courses in a public list*/
tr.yellow td{background-color: #FFFFEE; border-top: 1px solid #DFDFDF;}
/* context mgr row stypes for Cambie  */
TR.focus TD {BORDER-TOP: white 1px solid; BACKGROUND-COLOR: #f1f1f1;}
TR.focus TH {BORDER-TOP: white 1px solid; BACKGROUND-COLOR: #f1f1f1;}
TD.focus {BORDER-TOP: white 1px solid; BACKGROUND-COLOR: #f1f1f1;}
/* fixed table cell widths for gradebook */
.cellwidth {width:110px;}
.cellwidth2 {width:220px;}
.hideoverflow{position:relative; width:108px; overflow:hidden; white-space:nowrap;}
.hideoverflow A{text-decoration: underline;}
/*table.tablebody td, table.tablebody th {padding-left:3px; padding-right:2px;}*/
table.nopad tr, table.nopad th, tr.nopad {padding:0px;}
tr.tablessarea td{background-color: transparent; border-bottom : 2px solid black;}
tr.brandingbar td {background-color: transparent; border-bottom : 1px solid black;}
tr.logonpanel td{background-color: transparent; border-top: 2px solid white;}
table.grayperimeter {
border-bottom : 1px solid #CCCCCC;
border-top : 1px solid #CCCCCC;
border-left : 1px solid #CCCCCC;
border-right : 1px solid #CCCCCC;
background-color : #F1F1F1;
}
td.perimeter, table.perimeter {
border-bottom : 2px solid #000000;
border-top : 2px solid #000000;
border-left : 2px solid #000000;
border-right : 2px solid #000000;
background-color : white;
}
.tableborder {
border : 1px solid #CFCFCF;
background-color : white;
}
tr.rowborder td, td.rowborder {
padding:4px !important;
border-left : 1px solid #999999;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
}
table.noborder tr td, table.noborder tr, tr.noborder td, td.noborder {
border-left : 0px solid #999999;
border-right : 0px solid #999999;
border-bottom : 0px solid #999999;
}
table.layertable {border-left : 1px solid #999999; border-top : 1px solid #999999;}
tr.layernopad td, td.layernopad {
background-color:#DEDEDE;
padding:0px !important;
border-left : 1px solid #DEDEDE;
border-top : 1px solid #DEDEDE;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
}
tr.layer td, td.layer {
background-color:#DEDEDE;
padding:2px;
border-left : 1px solid #999999;
border-top : 1px solid #999999;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
}
/* hilite bar */
tr.hilite td {border-bottom:1px solid #666;}
tr.dividerlight td {border-top : 1px solid #CFCFCF;}
/* breadcrumb paths new for Cambie */
tr.path td {BORDER-TOP: #f1f1f1 2px solid; BORDER-BOTTOM: #b9b9b9 1px solid; BACKGROUND-COLOR: #dddddd}
tr.path th {BORDER-TOP: #f1f1f1 2px solid; BORDER-BOTTOM: #b9b9b9 1px solid; BACKGROUND-COLOR: #dddddd}
td.path {BORDER-TOP: #f1f1f1 2px solid; BORDER-BOTTOM: #b9b9b9 1px solid; BACKGROUND-COLOR: #dddddd}
table.action{
font-weight:normal; padding: 1px 3px; margin: 10px 0px;
color:#000000;
background-color: #DCDCDC;
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
tr.embossedcell td, tr.embossedcell th,  td.embossedcell, th.embossedcell  {
border-bottom: 1px solid #949494;
border-right : 1px solid #949494;
border-top: 1px solid #F3F3F3;
border-left : 1px solid #F3F3F3;
background-color: #DDDDDD;
}
tr.embdivider td {background-color: #ECECEC; border-bottom : 1px solid #CCCCCC;}
tr.dividerwhite td, tr.dividerwhite  th, td.dividerwhite {background-color: #ECECEC; border-bottom: 2px solid #FFFFFF;}
tr.dividertop td, tr.dividertop th, td.dividertop {border-top: 1px solid #999999;}
/*Double Dynamic Header  (mail and learning module in view mode only)*/
tr.dynheadertop td{
background-color: #F1F1F1;
border-bottom : 1px dashed #F1F1F1;
border-top : 2px solid White;
}
tr.dynheaderbottom td{
background-color: #eaeaea;
border-bottom : 2px solid #A9A9A9;
border-top : 0px solid White;
}
.tablebody  {background-color: #ffffff !important;;}
.tablebody  {
border-left : 1px solid #999;
border-right : 1px solid #999;
border-top : 1px solid #999;
border-bottom : 1px solid #999;
}
.tablebodyhier  {
border-left : 1px solid #999;
border-right : 1px solid #999;
border-top : 1px solid #999;
border-bottom : 1px solid #999;
padding-left:3px;
padding-right:3px;
padding-top:3px;
vertical-align:top;
}
td.notoppad {
padding-top:0px;
}
.tablenobot {
border-bottom : 0px solid #FFFFFF;
}
/*_______________________________________________________________________*/
/* TABS TABS TABS TABS TABS TABS TABS TABS */
/* Tabs (application-level navigation) */
.activesupertab{font-family: Verdana; font-weight: bold; color: #000000; text-decoration : none}
.idlesupertab{font-family: Verdana, Arial, Helvetica, sans-serif;  font-size=100%; font-weight: bold; color: #CCCCCC;	text-decoration : none !important;}
.activesubtab{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000;	text-decoration : none !important;}
.idlesubtab{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;	text-decoration : none !important;}
a.idlesupertab:hover {color: white;}
a.idlesubtab:hover {color: #000000; font-weight: bold;}
.mywebctlinks{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;}
/* Tabs (within tools) */
.activetab {background-color:#fff; border-top:1px solid #999; border-left:1px solid #999;  border-bottom:2px solid white; text-decoration : none !important;}
.idletab {background-color:#ddd; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; text-decoration : none !important;}
.notab {background-color:#f1f1f1; border-top:none; border-left:1px solid #999; border-bottom:1px solid #999; border-right:none;}
td.notabtransp {background-color:transparent; border-top:none; border-left:1px solid #999; border-bottom:1px solid #999 !important; border-right:none !important;}
.activetabwhite {BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BACKGROUND-COLOR: white; text-decoration : none !important;}
.idletablight {BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #eeeeee; text-decoration : none !important;}
.leftnotab {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #f1f1f1}
/*Learning Context Manager Tabs*/
.supertabactive {background-color: #CCC; background-image: url(/webct/css/images/back_A_1.jpg);}
.supertabidle {background-color: #C29C9C; background-image: url("/webct/css/images/back_A_0.jpg");}
/*CSO subtabs*/
.subtabactive {background-color: #FFF; background-image: url("/webct/css/images/back_B_1.jpg");}
.subtabidle {background-color: #FFF000; background-image: url("/webct/css/images/back_B_0.jpg");}
/*Area buttons that replace subtabs in Cambie. */
/*Area Button Link*/
A.areabutton:link,A.areabutton:visited,Aareabutton:active {
height:20px;
border-left: 1px solid #cecece;
border-top: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
background:#cecece;
padding-left:5px;
padding-right:6px;
font-weight: bold;
color: #555555;
}
A.areabutton:hover {
height:20px;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
border-right: 1px solid white;
border-bottom: 1px solid white;
background:#efefef;
padding-left:5px;
padding-right:6px;
font-weight: bold;
color: black;
}
/*Highlighted area button. To be applied to a span around the highlighted button.*/
.activearea {
height:20px;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
border-right: 1px solid white;
border-bottom: 1px solid white;
background:#FFFFFF;
padding-left:5px;
padding-right:6px;
font-weight: bold;
color: Black;
}
/*Reinforces black color on a link within highlighted area button.*/
.activearea a {color:black;}
/*Link inside of highlighted area button.*/
A.activearealink:link,A.activearea:visited,A.activearea:active {
font-weight: bold;
color: Black !important;
}
A.activearealink:hover {
font-weight: bold;
color: Black;
}
/*Keeps area name positioned correctly while in task mode.*/
.taskarea {
height:20px;
border-left: 1px solid #cecece;
border-top: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
background:#cecece;
padding-left:5px;
padding-right:6px;
font-weight: bold;
color: #444444;
}
/*_______________________________________________________________________*/
/* OTHER OTHER OTHER OTHER OTHER OTHER OTHER OTHER */
/* On/off states */
.on {font-weight:bold; color:black;}
a.off {text-decoration: underline;}
.hideme {display:none;}
.showme {display:block;}
.hideme2 {position:relative; display:none;}
.coursenamedark {FONT-WEIGHT: normal; COLOR: black}
.coursenamelight {FONT-WEIGHT: normal; COLOR: white}
/* bg-color: a1 */
.coursename {background-color:#B3E1FF; font-family: Georgia,Palatino,Times,serif;}
.currentcontext{font-family: "Verdana, Arial, sans-serif"; font-size:110%; font-weight: bold;}
/*course title*/
.coursetitle {
background-color:Black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
color: white;
padding:1px 4px;
border:1px solid gray;
}
.pxwhiteleft {background-color: transparent; border-left: 1px solid white;}
/* misc. styles */
.box {border: solid #666 1px;}
.grey {background-color: #ccc;}
.lightgrey{background-color:#efefef;}
.shade {background-color:#eee; border-top: 1px solid #CFCFCF;}
.bottom {background-color: #fff; vertical-align: bottom;}
.middle {text-align: left; vertical-align: middle;}
.inset {padding:8px;}
.padme {padding:4px;}
.padme2 {padding:8px;}
/* color: fixed */
.subhead {width:100%; background-color:#DDD; padding:4px; margin:8px 0px; font-weight:bold;}
.big {font-weight:bold; font-size:150%; font-family:arial,helvetica;}
.wholenumber {font-weight:bold;}
/* Calendar entry titles */
.private { font-style:italic;}
.public {}
.nocourse {font-style:italic; font-weight:bold;}
.dateheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
/* Quiz- related styles color: a1 */
.unanswered {border: solid #999999 1px; background-color: #B3E1FF;}
/* styles for 4 tabs overlay page color: a1 */
.headerblock {background-color:#B3E1FF;}
/* color: grey */
.rightborderbold {border-right: 1px dotted #979797;}
/* color: grey */
.rightborder {border-right: 1px solid #666;}
/* color: grey */
.topborderbold {border-top: 1px dotted #979797;}
/* contextual menus */
tr.contextbar td{
background-color: #eaeaea;
border-bottom : 2px solid #A9A9A9;
border-top : 2px solid #EFEFEF;
color:#333333;
}
tr.contextbar td label {color:#333333 !important;}
.contextbaractive{
background-color: white;
border-bottom : 2px dotted #A9A9A9;
border-top : 2px solid White;
}
.contextbardark{
background-color: #CECECE !important;
border-bottom : 1px solid #A0A0A0 !important;
border-top : 1px solid #EFEFEF !important;
border-left : 1px solid #898989 !important;
}
.indentoverview{margin-top:3px; margin-bottom:3px; padding-left:25px;}
/*Browser iframe styles*/
#selectornavig {
border-top:1px solid gray;
border-left:1px solid gray;
border-right:1px solid gray;
border-bottom:1px solid gray;
width:210px;
height:240px;
}
#fileselectornavig {
border-top:1px solid gray;
border-left:1px solid gray;
border-right:1px solid gray;
border-bottom:1px solid gray;
width:210px;
height:218px;
}
#selectorcontent {
border-top:1px solid gray;
border-left:1px solid gray;
border-right:1px solid gray;
border-bottom:1px solid gray;
width:100%;
height:240px;
}
.addlist {
background-color:#dedede;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
width:220px;
padding:2px;
padding-left:5px;
display:block;
}
.addlist A{
text-decoration : none !important;
}
.addlisthead {
text-decoration : none !important;
background-color:#dedede;
width:220;
padding:4px;
display:block;
}
tr.addlisthead TD A, td addlisthead A{
text-decoration : none !important;
}
a.ctblist {
text-decoration : none !important;
padding:4px;
background-color:#dedede;
border-left:1px solid white;
border-top:1px solid white;
border-right:1px inset silver;
border-bottom:1px inset silver;
}
a.ctblist:hover {
text-decoration : none !important;
background-color: #cecece;
padding:4px;
border-left : 1px solid #eeeeee;
border-top : 1px solid #eeeeee;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
}
.addlist2 {
background-color:#cecece;
border-left:1px solid white;
border-top:1px solid white;
border-right:1px inset silver;
border-bottom:1px inset silver;
text-decoration : none !important;
}
.adddrop {
display:none;
width:207px;
border: 1px solid black;
font-size:90%;
padding:5px;
background-color:bbbbbb;
}
.adddropinstruct {
display:block;
width:170px;
}
.gotolink {
display:block;
width:195px !important;
border-top: 1px solid black;
font-size:90%;
padding-top:5px;
text-align:right;
}
.gotolinkblank {
width:195px !important;
}
.closelink {
display:block;
position:relative;
left:150px;
top:60px;
}
.adddroptable tr.adddrop td, td.adddrop {
font-size:90%;
margin:5px;
padding:5px;
background-color:bbbbbb;
}
.adddropon, tr.adddropon td, td.adddropon {
position:relative;
display:block;
font-size:90%;
width:175px !important;
margin:5px;
padding:5px;
background-color:bbbbbb;
border: 1px solid black;
}
.borderbot{
border-bottom: 1px solid black;
}
.adddrop2, tr.adddrop2 td, td.adddrop2 {
font-size:90%;
background-color:bbbbbb;
}
.adddrophead {
background-color:aaaaaa;
}
.buildactive {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color:white;
padding-left:3px;
padding-top:1px;
padding-right:3px;
padding-bottom:1px;
font-weight:bold;
font-color:black;
}
.hidemenu {
position:absolute;
visibility:hidden;
left:0;
top:0;
z-index:10;
}
.hidemenu2 {
display:float;
left:0;
top:0;
}
.showmenu {
position:relative;
visibility:visible;
left:0;
top:0;
z-index:2;
}
.contexttrigger {
position:relative;
display:block;
left:0;
top:0;
z-index:1;
}
/*breadcrumbs for Dynamic Header */
A.bcidle:link, A.bcidle:visited, A.bcidle:active {
FONT-WEIGHT: normal;
COLOR: #3A3A3A;
}
A.bcidle:hover {
FONT-WEIGHT: normal;
COLOR: black;
}
.bcactive {
FONT-WEIGHT: bold;
COLOR: Black;
}
A.bcactive:link, A.bcactive:visited, A.bcactive:active {
FONT-WEIGHT: bold;
COLOR: #3A3A3A;
}
A.bcactive:hover {
FONT-WEIGHT: bold;
COLOR: Black;
}
.bcdisabled{
FONT-WEIGHT: normal;
COLOR: #6B6B6B;
}
borders1 {
border-left : 1px solid #999;
border-right : 1px solid #999;
border-top : 1px solid #999;
}
.leftborderbold {border-left: 2px dotted #979797;}
img.hidden{filter:alpha(opacity=40); -moz-opacity:0.4;}
.notext{border:1px solid #000000; overflow:hidden;}
.allowtext{border-top:2px solid #999999; border-left:2px solid #999999;}
.blackborder{border:3px solid #000000;}
.toppad{padding-top:2px; vertical-align:top;}
.checkit{
margin-top:-5px;
margin-bottom:-5px;
padding:0px;
}
/* vertical alignment */
tr.alignMiddle td, td.alignMiddle, .alignMiddle {vertical-align:middle;}
tr.alignTop td, td.alignTop, .alignTop {vertical-align:top;}
td.tee {vertical-align:top; padding:0px; width:18px; background-image:url(/webct/images/om_menu_line.gif); background-repeat:vertical; background-position:0px 0px;}
td.last {vertical-align:top; padding:0px; width:18px;}
A.toggon:link, A.toggon:visited, A.toggon:active {
position:relative;
display:inline !important;
color:black;
background-color: #e4eaef;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
font-weight:normal;
padding: 1px 3px;
text-decoration:none;
}
A.toggon:hover {
color:black;
background-color: #e4eaef;
border-left: 1px solid #555555;
border-top: 1px solid #555555;
border-right:1px solid white;
border-bottom: 1px solid white;
font-weight:normal;
padding: 1px 3px;
text-decoration:none;
position:relative;
display:inline;
}
.toggoff {
color:#4f4f4f;
background-color: #ffffff;
border-left: 1px solid #888;
border-top: 1px solid #888;
border-right: 1px solid white;
border-bottom: 1px solid white;
font-weight:bold;
padding: 1px 3px;
position:relative;
display:inline;
}
.rightborder {border-right:2px solid #000000;}
/* TOOL LEVEL SUBTABS TOOL LEVEL SUBTABS TOOL LEVEL SUBTABS TOOL LEVEL SUBTABS */
/* Styles for table-based subtabs*/
/*core styles ensuring correct rendering of different tab states*/
.tlsubtabactive {
background-color:white;
border-top:1px solid #999;
border-left:1px solid #999;
padding:4px 8px;
text-align:center;
font-weight:bold;
}
.tlsubtabidle {
background-color:#ededed;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
padding:4px 8px;
text-align:center;
color:#2d2680;
}
.tlsubtabidle A:link, .tlsubtabidle A:active, .tlsubtabidle A:visited, {
text-decoration:none;
}
.tlsubtabover {
text-decoration:none !important;
background-color:#dedede;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
padding:4px 8px;
text-align:center;
color:#2d2680;
cursor:pointer;
}
.tlsubtabover A:link, .tlsubtabover A:active, .tlsubtabover A:visited, {
text-decoration:none;
}
.tlsubtabover A:hover {
text-decoration:none !important;
}
/*end core styles*/
/*used on a tabless are on the right of tabs*/
.tlsubtabnone  {
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:right;
vertical-align:middle;
padding-right: 10px;
}
.activepane  {
background-color:white;
padding-top:8px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
border-bottom:2px solid #bbb;
}
/*applied to a div that wraps content of an active tab*/
#activepane {
margin:0;
padding: 8px 10px 12px 10px;
background: #FFFFFF;
border-bottom:2px solid #bbb;
}
#activepane2 {
margin:0px;
padding:4px 16px 10px 10px;
background:#FFFFFF;
border-bottom:1px solid #BBBBBB;
border-top:1px solid #BBBBBB;
}
.pagetitle {
padding:6px 10px;
margin-bottom:0px;
}
/*sets left margin of the page title table*/
#pagetitle {
padding:2px 10px 2px 10px;
margin:0px
}
tr.titletable td,table.titletable,td.titletable {
padding:3px 0px;
margin-bottom:4px;
}
#tabset {
width:100%;
margin:0px;
padding:0px;
}
/*sets left margin of the tabset*/
.tabsetleftmargin {
padding-left:8px!important;
background-color:#ededed;
border-bottom:1px solid #999;
}
/* END TOOL LEVEL SUBTABS*/
/* quiz question text and textarea styles */
textarea.question {width:500px; height:68px;}
textarea.answer {width:500px; height:42px;}
input.question {width:500px;}
input.browse {width:150px;}
.message{width:540px;}
/* used for empty component lists */
.emptylist, table.emptylist td, tr.emptylist td {margin:8px 1%!important; font-size:110%; padding:15px; background-color:#eeeeee;}
/* used for move controls */
.move, tr.subcell td.move, tr.subcell2 td.move {background-color:#efefef; border-right:1px solid #bdbdbd; text-align:center; padding-right:3px; padding-left:3px; font-size:70% !important;font-weight:normal !important;}
tr.headcell th.move, tr.headcell td.move {border-right:1px solid #aaaaaa; text-align:center; padding-right:3px; padding-left:3px; font-size:70% !important;font-weight:normal !important;}
/* used for move controls in discussions */
th.move2, td.move2 {color:#8AC2E6 !important; border-right:1px solid #aaaaaa; text-align:center; padding-right:3px; padding-left:3px;font-size:80% !important;font-weight:normal !important;}
/* used for move header cell in MyWebCT channels */
tr.mycolumnbody th.movemywebct {border-right:1px solid #aaaaaa; text-align:center; padding-right:3px; padding-left:3px;font-size:80% !important;font-weight:normal !important;}
/* following classes are used for tabbed assessment submission pages */
tr.submitrow td {border-top:1px solid #bdbdbd; padding:3px; height:25px;}
table.attempt td {padding-bottom:4px;}
.pushright{
position:absolute;
left:203;
}