/* STELLAR GLOBAL STYLES ============== */

@import url("global-tables.css");
@import url("global-forms.css");

/* globals ============== */
*
{
	margin: 0;
	padding: 0;
}

#content blockquote { padding: 1em 0 1em 3.5em; }
img { border: none; }
#content div ol, #content div ul { margin-left: 3.5em; }
a:focus, a:active { outline: none; }

/* layout & page modules ============== */
body
{
	font-family: verdana, arial,"trebuchet ms", helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#container
{
	color: #aaa;
	width: 90%;
	min-width: 860px;
	margin: 5px auto;
	border-bottom: 1px dotted #bbb;
	text-align: left;
}

#container, #footer { background: #fff url("/stellar/f/shared/2.2.1/img/dot-bg.png") repeat-y; }

#banner
{
	background: #fff url("/stellar/f/shared/2.2.1/img/logo-type.gif") 12px -15px no-repeat;
	border-bottom: 1px solid #FFD24D;
	height: 60px;
	overflow: hidden;
}

/* banner heading with class name & number ============== */
#banner h1
{
	font-size: 125%;
	margin-left: 150px;
	color: #D4AB29;
	position: relative;
	top: 35%;
}

#crumbs
{
	color: #333;
	padding-left: 18px;
	margin: 0 0 0 150px;
	border-top: 1px solid #ddd;
	line-height: 15px;
	font-size: 90%;
}

#crumbs a
{
	color: #147DAE;
	text-decoration: none;
	margin: 0 3px;
	border: none;
}

#crumbs a:after { content: " :"; }
#crumbs a:hover { color: #000; }

/* main navbar ============== */
#mainnav
{
	float: left;
	position: relative;
	z-index: 12;
	width: 150px;
}

#mainnav ul
{
	list-style: none;
	margin: 0 0 20px 0;
}

#mainnav li
{
	text-align: right;
	line-height: 20px;
	margin-bottom: .33em;
	width: 140px;
}

#mainnav li a, #mainnav li a:visited
{
	border-bottom: 1px dotted #bbb;
	text-decoration: none;
	color: #666;
	display: block;
	width: 140px;
}

#mainnav li a:hover, #mainnav li a:active, #mainnav li.here
{
	color: #000 !important;
	width: 140px;
	border-bottom: 1px solid #000;
}

#mainnav li .edittool
{
	font-size: 95%;
	margin-top: 1em;
}

/* login button ============== */
#login
{
	list-style: none;
	border: 1px solid #ddd;
	border-width: 1px 0;
	background: #fff;
}

#login, #login li, #mainnav li#log a
{
	width: 150px;
	text-align: center !important;
	font-size: 95%;
	font-weight: 800;
	line-height: 15px;
}

#mainnav li#log a
{
	color: #444;
	background: #eeeee9;
	letter-spacing: 2px;
	border-bottom: 1px solid #ddd;
}

#mainnav li#log a:hover { background: #ffd24d; }

#mainnav li#log a:active
{
	color: #fff;
	background: #333;
}

#login li#user
{
	font-weight: normal;
	color: #555;
}

#content
{
	font-family: "lucida grande", verdana, arial, helvetica, sans-serif;
	padding: 0.5em 1.5em;
	margin-left: 151px;
	color: #000;
	border-top: 1px solid #eee;
	/* keep until IE6 goes away 
	overflow: hidden;
	width: auto; */
}

#footer
{
	clear: both;
	color: #bcb;
	border-top: 1px dotted #bcb;
	font-size: 80%;
	line-height: 3em;
}

#footer a {
	text-decoration: none;
	color: #aaa; }

#footer a.library {
color: #336699;
text-decoration: none; }


#footer a:hover {
	text-decoration: none;
	color: #000; }

/* end layout rules, start specifics  ============== */
/* break between parts of the nav bar  ============== */
#mainnav li#sections
{
	margin-top: 1.25em;
	letter-spacing: 2px;
	font-size: 120%;
	font-weight: 800;
}

/* Help link ============== */
#mainnav li #help, #mainnav li #rss
{
	background: transparent url("/stellar/f/shared/2.2.1/img/help-link.png") 15px 0 no-repeat;
	display: block;
	height: 15px;
	margin-top: 10px;
	text-align: left;
	text-indent: -400px;
	overflow: hidden;
}

/* RSS link ============== */
#mainnav li #rss { background: transparent url("/stellar/f/shared/2.2.1/img/feed-link.png") 15px 0 no-repeat; }

/* toggle instructor toolset ============== */
.toolset
{
	font-size: 90%;
	color: #555;
}

/* content typography ================= */
code
{
	font-family: Courier;
	font-weight: normal;
}

#content ul, #content ol, #content dl
{
	margin: 1em 2em;
	list-style-position: outside;
}

#content li, #content p, #content dd, .text
{
	line-height: 145%;
	padding: 3px 0;
}

#content a[name]
{
	color: #000 !important;
	background-color: transparent !important;
	text-decoration: none !important;
}

#content caption a[name] { color: #fff !important; }

#content a
{
	color: #03c;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
	padding-bottom: 2px;
}

#content a:visited
{
	color: #777;
	border-bottom: 1px dotted #ddd;
}

#content a:hover
{
	color: #000;
	border-bottom: 1px solid #444;
}

/* H1 is reserved for the banner ============== */
#content h1, #content h2, #content h3
{
	margin-bottom: 8px;
	font-family: "gill sans", "trebuchet ms", "lucida grande", sans-serif;
}

#content h1, #content h2
{
	font-size: 180%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
	margin-top: 8px;
}

#content h2 { font-size: 160%; }
#content h3 { font-size: 140%; }

#content h4, #content dt
{
	font-size: 120%;
	line-height: 145%;
}

#content dt { font-weight: 800; }

/* Text & heading attributes ============== */
.topicheading
{
	margin: 10px 0;
	border-bottom: 1px solid #ddd;
	padding: 3px 0 3px 5px;
	background: #F3F2E6;
	font-size: 98%;
}

#content a.edittool:link, #content a.edittool:visited, #content a.edittool:hover
{
	padding-bottom: 0;
	color: #f03 !important;
	font: 11px/12px normal verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

/* make sure edit links never change to visited state ============== */
#content a.edittool:hover { border-bottom: 1px solid #444; }
div.caption { border-bottom: 2px solid #ddd; }

div.caption p
{
	color: #555;
	line-height: 120%;
	font-size: 95%;
}

/* class description etc. ============== */
p.subhead { margin-bottom: -5px; }

/* special messages inside stellar pages ============== */
.alert
{
	color: #f30;
	font-weight: 800;
}

/* instructions at the top of a page  ============== */
div.instruction
{
	padding: 0.5em 1em;
	margin: 1em 0;
	background: #FAFFE2;
	line-height: 150%;
	color: #000;
	border: 1px solid #A09F81 !important;
}

div.instruction a { font-weight: 800; }

div.instructionGBook {
   background: none repeat scroll 0 0 #FBFBFB;
   border-top: 1px solid #DDD !important;
   border-right: 1px solid #DDD !important;
   border-bottom: 1px solid #DDD !important;
   border-left: 15px solid #FF3300 !important;
   color: #000;
   line-height: 150%;
   margin: 1em 0;
   padding: 0.5em 1em; }
   
/* member photo page ============== */
#photoarray { height: 100%; }

div.photodetail
{
	float: left;
	width: 153px;
	margin: 1em 3px;
	text-align: center;
	height: 18em;
}

div.photodetail img { border: 1px solid #444; }

/* NOTE:  THE ABOVE STYLES ARE NOT BEING USED DUE TO ISSUE STLR 1010 AND INSTEAD THE STYLES BELOW ARE USED lwatts 9.9.08 */

.cols {
width: 730px; 
margin: auto;
text-align: center;/* centers inline-blocks*/
padding: 0px; }

.cols div {
display: -moz-inline-box;/* Firefox 2 and under*/
display: inline-block;/* FF3, Opera, Safari */
width: 160px; 
margin: 0 8px 0 0;  /* need to remove top and bottom margin from p element*/
padding: 5px;
border: 0px solid #009;
vertical-align: top;/* align to top */
background: #fff; }

/* .cols div.last { margin:0; }
remove right margin from last element so that they are all centered do not use this spacing should be enough do not need */

.cols div p { width: 150px; }

.cols div a { display: inline  !important; }


/* student grade report page - comment box ============== */
#rosterBox div.photodetail { margin: 12px 0 0 0; }

#rosterBox div.userCurrentMod
{
	padding-left: 170px;
	padding-bottom: 25px;
}

#content div.photodetail p
{
	margin: 0;
	padding: 0;
}

#content div.photodetail a, #content .photodetail a:link
{
	font-size: 90%;
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	display: block;
	width: 153px;
	padding: 5px 0;
}

div.photodetail a:visited
{
	color: #777;
	border-color: #eee;
}

div.photodetail a:hover
{
	background: #eeeee1;
	color: #000;
	border-color: #555;
}

/* homepage announcements ============== */
div.announcement
{
	margin-top: 1em;
	background: #fffff9;
	border: 1px solid #ddd;
	padding: 1em 1em 0 1em;
}

p.announcedBy
{
	background: #fbfbfb;
	color: #666;
	margin: 0.5em -1.1em 0 -1.1em;
	text-indent: 1em;
	font-size: 90%;
}

.announcement a, .announcement a:visited { border-bottom: none !important; }

/* top of page link in left col ============== */
#topLink
{
	display: block;
	float: left;
	width: 150px;
	margin-right: 20px;
	text-indent: -400px;
	overflow: hidden;
	background: transparent url("/stellar/f/shared/2.2.1/img/arrow_up.gif") 50% 50% no-repeat;
}

/* export data links (in roster) ============== */
a.exportlink, a.exportlink:visited, a.slidelink, a.slidelink:visited
{
	color: #000 !important;
	padding: 4px 6px 4px 22px;
	margin: 2px 10px 5px 0;
	text-decoration: none;
	border: 1px solid #ddd !important;
	border-color: #eee #ddd #bbb #aaa !important;
	background: #eee url("/stellar/f/shared/2.2.1/img/export.png") 3px 1px no-repeat;
	font-size: 95% !important;
	font-weight: normal;
}

a.slidelink, a.slidelink:visited { background: #D8E1F6 url("/stellar/f/shared/2.2.1/img/picture.png") 3px 2px no-repeat; }

a.exportlink:hover, a.slidelink:hover
{
	border-color: #ddd #bbb #aaa #ccc !important;
	background-color: #fffeee;
}

/* used in the gradebook add/edit forms ============== */
p#infoDrop
{
	position: absolute;
	margin: 0 0 0 12px;
}

div#infoDrop { margin: 20px 0; }

/* gradebook & images toolbar (instead of bradcrumb, which it will eventually replace) ============== */
#toolBox
{
	background: #BBD3DE url("/stellar/f/shared/2.2.1/img/block.gif") 6px 4px no-repeat;
	border: 1px solid #ACC2CC;
	padding-left: 20px;
	margin-bottom: 5px;
}

#toolBox dl, #toolBox dt, #toolBox dd
{
	padding: 0;
	margin: 0;
}

#toolBox dt, #toolBox a, #toolBox a:visited
{
	padding: 2px 8px;
	margin-right: -1px;
	border: 1px solid #444;
	font-size: 105%;
	background: #74838A;
	font-weight: 800;
}

#toolBox dd
{
	display: inline;
	visibility: hidden;
}

#toolBox dd + dd { margin-right: -4px; }
#toolBox dt { display: none; }

#toolBox a, #toolBox a:visited
{
	visibility: visible;
	color: #fff;
}


/* Toolbox links in gradebook & image tool ============== */
#toolBox a:hover, 
.roster #rosterHere, .overview #overviewHere, .class #classHere, .slide #slideHere, .dashboard #dashboardHere, .letterGrade #letterGradeHere, .new #newHere, .options #optionsHere
{
	border-bottom: 2px solid #000;
	display: inline;
	color: #000;
	background: #fff;
}

.roster #rosterLink, .overview #overviewLink, .class #classLink, .slide #slideLink, .dashboard #dashboardLink, .letterGrade #letterGradeLink, .new #newLink, .options #optionsLink { display: none; }

/* Image tool metadata pages ============== */
#imageDetail
{
	width: 520px;
	padding: 10px 0;
	overflow: hidden;
}

#imageDetail img
{
	border: 1px solid #777;
	padding: 2px;
}

#imageMetadata th
{
	width: 100px;
	text-align: left;
}

/* swapMessage style */
#addSuccessful, .addSuccessful
{
	display: none;
	border: 1px solid #CF6;
	background: #F2FFD9;
	font-size: 90%;
	font-weight: 800;
}

.addSuccessful
{
	display: inline;
	padding: 0 5px;
	text-align: center;
}

div.buffer
{
	height: 10px;
	display: block;
}

/* Access Control tabbed interface ============== */
.panel
{
	display: none;
	border-top: 10px solid #555;
	color: #444;
	margin-top: 4px;
	position: relative;
	z-index: 99;
}

.panel.active-tab-body { display: block; }

.courseTag
{
	font-weight: normal;
	color: #777;
}

#tabs
{
	list-style: none;
	height: 25px;
	margin: 0 !important;
}

#tabs li
{
	float: left;
	background-color: #eeeee1;
	line-height: 25px;
	border-top: 1px solid #bbb;
}

#tabs a
{
	float: left;
	display: block;
	line-height: 25px;
	color: #444;
	font-size: 98%;
	padding: 0 5px;
	border-right: 1px solid #fff;
	border-bottom: none;
}

#tabs a.masterTab
{
	background: #bbb;
	border-right: 2px solid #444;
	text-transform: uppercase;
	color: #000;
}

#tabs a#lastTab { border: 0; }

#tabs a.active-tab
{
	background-color: #555;
	color: #fff;
}

/* Membership Help image and link styles ADDED 2007-12-4 ============== */
#content a.helpimg
{
	cursor: help;
	text-decoration: none;
	border-bottom: 0;
	padding-bottom: 0;
}

img.helpimage
{
	border: 0;
	vertical-align: bottom;
}

/* Inactive Section styles on Manage Sections page ADDED 2007-12-4 ============== */
tr.inactivesection { color: #666; }

/* Batch Edit page tyles on ADDED 2007-12-4 ============== */
td.batchedit { padding: 2px 0 2px 5px; }

/* Schedule view document display lists ============== */
ul.atlist
{
	list-style-type: none;
	margin-left: 4px !important;
	padding: 0;
}

ul.atlist li { line-height: 2; }
ul.atlist:last-child { line-height: 0; }

ul.atlist li span
{
	color: #555;
	display: block;
	float: left;
	width: 4em;
	margin-right: 15px;
	border: 1px solid #eeeee1;
	padding: 0 3px;
}

ul.atlist li .acadCalEvent
{
	padding: 2px 5px 2px 25px;
	background: transparent url("/stellar/f/shared/2.2.1/img/star.png") no-repeat;
}

/* ul.atlist li a[class] { padding: 2px 5px 2px 25px; } 
2.27.08 Commenting this out because the text is overlapping the image in IE6 and the fix is to add the padding in each of the ul links below */
ul.atlist li a[class="edittool"] { padding: 0; }

/* File type icons for the calendar/schedule  ============== */

ul.atlist li a.annc { background: url("/stellar/f/shared/2.2.1/img/annc.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.admin { background: url("/stellar/f/shared/2.2.1/img/author_12.png") no-repeat 2px; }
ul.atlist li a.bin, ul.atlist li a.binary, a.binaryfile { background: url("/stellar/f/shared/2.2.1/img/exe-file.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.m { background: url("/stellar/f/shared/2.2.1/img/matlab.png") no-repeat;padding: 2px 5px 2px 25px;  }
ul.atlist li a.zip, ul.atlist li a.jar, ul.atlist li a.tar, ul.atlist li a.Z, ul.atlist li a.compressed, a.compressedfile { background: url("/stellar/f/shared/2.2.1/img/archive.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.bmp, ul.atlist li a.gif, ul.atlist li a.jpeg, ul.atlist li a.tiff { background: url("/stellar/f/shared/2.2.1/img/picture.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.mp3, ul.atlist li a.ra, ul.atlist li a.wav { background: url("/stellar/f/shared/2.2.1/img/ipod_sound.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.mpeg, ul.atlist li a.mov, ul.atlist li a.avi, ul.atlist li a.quicktime, ul.atlist li a.Real, a.Realfile, a.quicktimefile { background: url("/stellar/f/shared/2.2.1/img/quicktime.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.txt, ul.atlist li a.text, a.textfile { background: url("/stellar/f/shared/2.2.1/img/txt.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.tex, ul.atlist li a.rtx, ul.atlist li a.rtf { background: url("/stellar/f/shared/2.2.1/img/doc.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.doc, ul.atlist li a.Word, a.Wordfile { background: url("/stellar/f/shared/2.2.1/img/word.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.pdf, ul.atlist li a.acro, ul.atlist li a.ps { background: url("/stellar/f/shared/2.2.1/img/pdf.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.xls, ul.atlist li a.xl { background: url("/stellar/f/shared/2.2.1/img/excel.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.ppt { background: url("/stellar/f/shared/2.2.1/img/ppt.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.swf, ul.atlist li a.Flash, ul.atlist li a.Director, a.Flashfile, a.Directorfile { background: url("/stellar/f/shared/2.2.1/img/flash.gif") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.link, ul.atlist li a.linkfile { background: url("/stellar/f/shared/2.2.1/img/web.png") no-repeat; padding: 2px 5px 2px 25px; }
ul.atlist li a.xml, ul.atlist li a.html, ul.atlist li a.xhtml { background: url("/stellar/f/shared/2.2.1/img/dreamweaver.gif") no-repeat; padding: 2px 5px 2px 25px; }


/* Styles for Gradebook Dashboard lwatts 8.15.08  =============== */	

#contentArea { margin-left:0px; }

#dashboard { 
   border: 1px solid #fff; 
   margin: 1.5em 0 0 0;
   padding: 0; }

#dashboard div ol, #dashboard div ul { margin-left:0em; }

#studentsearchdiv {
   border: 0px solid green; 
   float: left;
   margin: 0; 
   padding: 1em 0 1em 0; } 

#studentsearchinput { background-color:#FAFFE2; }

#xlimport { float: left; padding: 0 2em; border: 0px solid gray; }

#dashboardDownload {
   border: 0px solid pink; 
   margin: 0 0 1em 0; 
   padding: 1em 0 2em 0; }
   
#leftColWrapper {
   background-color: #DFD8CB;
   float: left; 
   margin: 0% 0 0 0%;
   padding: 1px;
   width: 29%; }

#middleColWrapper {
   background-color: #DFD8CB;
   float: left; 
   margin: 0% 0 0 3%; 
   padding: 1px;
   width: 29%; }

#rightColWrapper {
   background-color: #CDDFCB;
   margin: 0% 0 0 3%; 
   float: left;
   padding: 1px; 
   width: 29%; }

#gradesUnfinished {   
   background-color: #FFFEFC; 
   border-style: double; 
   border-color: #e7e0d4; }

#gradesUnfinished h3, #gradesUnapproved h3, #gradesReleased h3 { font-size: 110%; }

#gradesUnfinished h3, #gradesUnapproved h3 {
   background: #f9f8f5 url("/stellar/f/shared/2.2.1/img/vert-brn-stripe.png") repeat-x bottom left;
   border-bottom: 1px solid #E7E0D4;
   color: #594930;
   font-weight: bold; 
   margin: 0; 
   padding: 2% 0 3% 3%; }

#gradesUnapproved {  
   background-color: #FFFEFC; 
   border-style: double; 
   border-color: #e7e0d4; }

#gradesReleased {
   background-color: #FDFFFC; 
   border-style: double; 
   border-color: #D4E7D4; } 

#gradesReleased h3{   
   background: #F6F9F5 url("/stellar/f/shared/2.2.1/img/vert-grn-stripe.png") repeat-x bottom left;
   border-bottom: 1px solid #D4E7D4;
   color: #274c27;
   font-weight: bold; 
   margin: 0; 
   padding: 2% 0 3% 3%; }

#gradesUnfinished p, #gradesUnapproved p {
   color: #594930; 
   line-height:1.3; 
   padding-left: .9em; 
   padding-right: 1em; 
   padding-top: .5em; }

#gradesUnfinished a, #gradesUnapproved a, #gradesReleased a {
   padding-bottom: .5px; 
   font-weight: bold; }

#gradesUnfinished span.gradeDueDate, #gradesUnapproved span.gradeDueDate, #gradesReleased span.gradeDueDate {
   font-size: 90%;
   padding: 0 0 0 0; }

#gradesUnfinished div.gradesLeft, #gradesUnapproved div.gradesLeft {
   float: right;
   text-align: right;
   padding-right: 10px;
   font-weight: bold; }

#gradesReleased p {
   color: #274c27;
   line-height:1.3;
   padding-left: .9em; 
   padding-right: 1em; 
   padding-top: .5em; }

.pastdue { 
   color: #F91010; 
   font-weight: bold; }

#gradesUnfinished ul, #gradesUnapproved ul, #gradesReleased ul {
   margin: 0;
   padding: .5em 0 .5em 1em; }

#gradesUnfinished li, #gradesUnapproved li, #gradesReleased li {
   font-weight: normal;
   list-style-type: none; 
   line-height: 1.3;
   margin: 0;
   padding: 0 0 10px 0; }

ul.recentActivity {
   margin: 0;
   padding: .5em 0 2em 1em; }

ul.recentActivity li {
   font-weight: normal;
   list-style-type: none; 
   line-height: 2;
   margin: 0;
   padding: 0; }

h3#recentActivity { 
   background: #f8fbfe url("/stellar/f/shared/2.2.1/img/vert-blu-stripe.png") repeat-x bottom left;
   border-bottom: 1px solid #cce0f7;
   color: #114580;
   font-weight: bold; 
   margin: 0 .5em; 
   padding: 1% 0 1% 0%; }
   
img.helplinkdboard {
border: 0pt none;
vertical-align: text-top; }

#dashboard a.helpimg {
	border-bottom: 0;
	cursor: help;
	padding-bottom: 0;
	text-decoration: none; }
	
div.kleerR { clear: right; }
div.kleer { clear: both; }

/*  THESE STYLES FOR MAKEUP GRADE FORM */

label.closebtn {
border-top: 1px dotted #cfcfcf; text-align: right; padding: .4em .5em 0;}

label.closebtn a { font-weight: normal; font-size: 90%; }

.mgradetxt { font-size: 90%; }

/* Materials 2.2 additions jander 08-22-08 */

#jumpmenu {
  margin: 0 1em 0 0;
  width: 10em;
}

.toplinks {
    padding: 0 !important;
    font-weight: bold;
}

.importexportlink, .toplinks a {
    border: none !important;
    color: #03c;
}

.importexportlink:visited, .toplinks a:visited {
	color: #03c !important;
}

.importexportlink:hover, .toplinks a:hover {
	border-bottom: 1px solid #000 !important;
    color: #000;
}

.importexportlink {
	font-size: 90%;
	font-weight: normal;
    margin: 0 1em;
}

#togglecollapse {
	background: url("/stellar/f/shared/2.2.1/img/minus.gif") no-repeat left;
	background-position: 0px 3px;
	padding-left: 1.4em;
	margin: 0 1em;
}
#togglecollapse.closed {
	background-image: url("/stellar/f/shared/2.2.1/img/plus.gif");
}
.topics {
    max-width: 638px;
}

/* topic heading */

/* .topics.canEdit is set when the user is able to make changes
 * It's used here and later to remove the drag handle icons from the .topicheadings
 */

.topics .topicheading {
	text-align: left;
}

.topics.canEdit .topicheading, #dragHelper .topicheading {
    /* background-color defined above by .topicheading */
    background-image: url('/stellar/f/shared/2.2.1/img/move_24.png');
    background-repeat: no-repeat;
    background-position: left 2px;
}

.topics a.file {
    padding-left: 14px !important;
}

.topicactions {
    float: right;
    text-align: right;
    padding: 0.1em 0.5em;
    font-size: 90%;
    display: block;
}

.iconbutton {
    padding: 6px;
    background-repeat: no-repeat;
    background-position: 0 8px;
    border: none !important;
    text-decoration: none;
}

.docactions {
    margin: 0 0 1em 0.2em;
}

.editbutton {
    background-image: url('/stellar/f/shared/2.2.1/img/12-em-pencil.png');
}

.deletebutton {
    background-image: url('/stellar/f/shared/2.2.1/img/12-em-cross.png');
}

.topicsubactions {
    margin: 0 0 0.5em 1em;
}

.topicsubactions a {
    border-bottom: none !important;
}

/* topic content*/

.topics .announcement {
    background: none;
    border: none;
    border-bottom: 1px #ccc dotted;
    margin: 0 0.5em;
    padding: 0.5em 0.5em;
}

.topics .announcement:last-child {
    border-bottom: none;
}

.topics .announcement a:not([href]) {
    color: black !important;
}

ul.compoundContent {
    padding: 0;
    margin: 0.5em 0 0 6.6em !important;
    list-style: none;
}

ul.compoundContent li {
    padding: 0;
    margin: 0;
}

.moddate {
    float: left;
    display: block;
    min-width: 4.6em;
    color: #999;
    font-size: 90%;
    margin-right: 0.8em;
}

.topics .announcement .announcementContent {
    padding-top: 0.3em;
    padding-left: 6.6em;
}

.topics .announcementContent p {
    background: none;
    margin: 0;
    color: #666;
    text-indent: 0;
    font-size: 90%;
    padding: 0 !important;
    background: none;
}

.topics .announcementDesc
{
	margin-bottom: 0.5em !important;
}

/* reordering */

#dragHelper
{
    font-family: "lucida grande", verdana, arial, helvetica, sans-serif;
}

#dragHelper .topicheading
{
    margin: 0;
    text-align: left;
}

#dragHelper h4
{
    font-size: 120%;
    line-height: 145%;
}

.sortHelper {
    margin: 10px 0 !important;
    height: 29px !important;
}

#saveTopicOrderButton[disabled="disabled"] {
    background-color: #f3f3f3 !important;
    color: #999 !important;
    border-color: #DDD !important;
}

/* collapsing */

.topics:not(.canEdit) a.demo-show {
    cursor: pointer;
	padding-left: 25px;
	background-position: 5px 6px;
}
a.demo-show {
    cursor: move;
    display: block;
    padding: 1px 0 1px 42px !important;
    background: url("/stellar/f/shared/2.2.1/img/minus.gif") no-repeat;
    background-position: 22px 6px;
    text-decoration: none;
    color: inherit !important;
    border: none !important;
}
.demo-show.closed {
    background-image: url("/stellar/f/shared/2.2.1/img/plus.gif");
}

.compoundDoc {
    cursor: pointer;
    padding-left: 20px;
    background: url("/stellar/f/shared/2.2.1/img/collapse_12.png") no-repeat;
    background-position: 2px 2px;
    text-decoration: none;
    color: inherit !important;
    border: none !important;
}
.compoundDoc.closed {
    background-image: url("/stellar/f/shared/2.2.1/img/expand_12.png");
}

.docReorderOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 29em;
    background-color:white;
    border: 1px solid #999;
    padding: 0 1em;
    z-index: 999;
}

/* group membership edit error page */

.editableList a {
    margin-left: 0.5em;
}

#content div ul.editableList {
    margin: 1em 2em;
}

#content div ul.editableList li {
    padding: 6px 0;
}

a.button {
    font-size: 90%;
}

th.inactive { color: #666; }
/*HEY! THIS MSSG SHOULD SHOW UP */