/* _css/cesei.css for CESEI.org
   main layout styles for all pages */
   
/** MAIN COLUMNS **/

#container {
	width: 100%; 
	text-align: left;
	}
#masthead {
	width: 100%; 
	min-width: 770px;
	height: 110px;
   font-size: 0.9em;
	}
* html #masthead {
    width: expression(document.body.clientWidth < 780 ? "770px" : "100%" );
	}
#masthead-left{
	width: 157px;
   }
#masthead-right{
	width: 78%;
   }
#main {
	width: 100%; 	
	min-width: 770px;
	float: left; 
	display: inline;
	overflow: hidden;
   background: url(/_img/bg_page_v2.jpg) -3px -3px no-repeat;
	}
* html #main {
   width: expression( (screen.width > 800) ? (document.body.clientWidth < 1010 ? "1000px" : "100%") : (document.body.clientWidth < 780 ? "770px" : "100%") );
   }
#main .column {
	float: left; 
	display: inline; 
	/*padding-bottom: 1000em; 
	margin-bottom: -1000em;*/
	}
#left-rail {
	width: 140px;
   padding-top: 5px;
	}
#page {
	width: 79%;	
	}
* html #page {
	overflow: hidden;
	}
#content{
	padding-left: 10px;
   line-height: 1.8em;
	}
#content-link{
   }
#footer {
	clear: both;
	width: 100%; 
   padding-top: 30px;
	}
   
#off-page-frame{
   position: absolute;
   left: -100px;
   top: -100px;
   }
#pop-div{
   position: absolute;
   display: none;
   left: -100px;
   top: -100px;
   width: 10px;
   height: 10px;
   /*background: #2d2d51;*/
   overflow: hidden;
   z-index: 100;
   }
#pop-div-inner{
   border: 1px solid #2b2b4e;
   padding: 5px;
   background: #dedede;
   }
#pop-div-content{
   padding-top: 5px;
   color: #242429;
   }
#pop-div-close{
   text-align: right;
   font-weight:bold;
   font-size: 0.9em;
   }
/** NAVIGATION **/
 /* left-nav sits in a 140px wide side rail */
#left-nav { /* needed to get menu to appear over flash in safari */
   position: relative;
   z-index: 9999999;
   list-style: none;
   margin: 0;
   padding-bottom: 50px;
   margin-top: -5px;
   }
#left-nav ul {
   top: 0px;
   z-index: 5;
   margin-left: 110px; /* overlapping the parent menu item */
   margin-top: 5px; /* overlapping the parent menu item */
   width: 190px; /* whatever feels good */  
   background-color: #434379;
   border-left: 2px solid #ececec;
   }
#left-nav ul ul {
   top: 0; /* whatever feels good */
   z-index: 10;
   margin-left: 180px; /* overlapping the parent menu item */
   }
#left-nav ul li {
   border: 1px solid #434379; /*IE needs this  */
   }
#left-nav ul li a {}	

/* left-nav: css rollovers on tier 0 */
#left-nav .tier0 {
   background-color: #434379;
   margin-left: 10px;
   margin-top: 3px;
   height: 24px; 
   line-height: 24px;
   width: 115px;
   border-left: 5px solid #366161;
   -moz-border-radius:  0 10px 0 0;
   -webkit-border-top-right-radius: 10px; 
   }
#left-nav .tier0 a { /* hide text content of tier0 */ /*text-indent: -999em;*/
   color: #ececec;
   text-decoration: none;
   padding-left: 6px;
   }
#left-nav .tier0-sub {
   background-color: #2d2d51;
   margin-left: 13px;
   height: 24px; 
   line-height: 24px;
   width: 115px;
   border-left: 2px solid #2d5050;
   }
#left-nav .tier0-top-cap{
   -moz-border-radius:  0 10px 0 0;
   -webkit-border-top-right-radius: 10px; 
   -webkit-border-bottom-right-radius: 0px; 
   }
#left-nav .tier0-end-cap{
   -moz-border-radius:  0 0 10px 0;
   -webkit-border-top-right-radius: 0px; 
   -webkit-border-bottom-right-radius: 10px; 
   }
#left-nav .tier0-sub a { /* hide text content of tier0 */ /*text-indent: -999em;*/
   font-size: 0.9em;
   color: #ececec;
   text-decoration: none;
   padding-left: 6px;
   }
#left-nav .tier0-sub a.tier0-mid-edu {
   padding-left: 12px;
   }

#left-nav .tier0 ul a { /* override for other tiers */ /*text-indent: 0;*/
   font-size: 0.9em;
   padding-left: 6px; /* just to give a better hit area */
  }
#left-nav .tier0-sub ul a { /* override for other tiers */ /*text-indent: 0;*/
   font-size: 0.9em;
   padding-left: 6px; /* just to give a better hit area */
  }
#left-nav ul li a.large-nav-link{ /* HOME, CONTENT, and RESOURCES */
  padding-top: 1px;
  padding-bottom: 1px;
}
#left-nav #nav-edu-course a{
   color: #fdfdfd;
   }
#nav-login{
   font-weight: bold;
   }
#left-nav .tier0-spacer{
   visibility: hidden;
   }
#left-nav .tier0:hover, #left-nav .tier0.hover { 
   background-color: #366161;
   }
#left-nav .tier0-sub:hover, #left-nav .tier0-sub.hover {
   background-color: #2d5050;
   }

/* left-nav: css rollovers on other tiers */
#left-nav ul li{ /* all other tier rollovers */
   background: #434379;
   }
#left-nav ul li:hover, #left-nav ul li.hover { /* all other tier rollovers */
   background: #366161;
   }
#left-nav .tier0-sub ul li{ /* all other tier rollovers */
   background: #2d2d51; 
   border: 1px solid #2d2d51; /*IE needs this  */
   }
#left-nav .tier0-sub ul li:hover, #left-nav .tier0-sub ul li.hover { /* all other tier rollovers */
   background: #2d5050;
   }
   
#sponsors{
   padding-left: 10px;
   padding-bottom: 10px;
   }
   
#partners{
   padding-left: 10px;
   padding-bottom: 10px;
   }
   
/** MASTHEAD **/

#masthead a:link, #masthead a:visited { 
   text-decoration: none; 
   }
#masthead a:link:hover, #masthead a:visited:hover, #masthead a:link:active, #masthead a:visited:active {
   text-decoration: underline; 
   }
#cesei-logo{
   display: block;
   position: absolute;
   top: 10px;
   left: 15px;
   text-indent: -999em;
   width: 180px;
   height: 80px;
   background: url(../_img/logo_cesei_masthead_v2.gif) no-repeat;
   }
#login-tools{
   height: 24px;
   line-height: 24px;
   text-align: right;
   color: #39396d;
   }
#cesei-tagline{
   /*border-bottom: 2px solid #39396d;*/
   text-indent: -999em;
   height: 23px;
   background: url(../_img/hdr_cesei_tagline.gif) right 2px no-repeat;
   }
#breadcrumbs{
   text-align: right;
   height: 24px;
   margin-top: 4px;
   margin-left: 100px;
   /*line-height: 24px;*/
   }
#content-link{
   text-indent:-1000em;
   position: absolute;
   }

/** SUB-HEADER / USER TOOL BAR  **/

#user-tool-bar{
   position: relative;
   top: 0px;
   left: 0px;
   margin-left: 10px;
   margin-bottom: 5px;
   }
.page-title{
   margin: 0 0 5px 0;
   padding-bottom: 5px;
   line-height: 25px;
   }
#sub-navigation{
   padding-bottom: 5px;
   margin-bottom: 5px;
   border-bottom: 1px solid #39396d;
   }
.sub-nav-current{
   font-weight: bold;
   }
#current-date{
   font-size: 0.8em;
   }
#course-pagination-links{
   padding-bottom: 5px;
   height: 15px;
   \height: 20px;
   he\ight: 15px;
   }
#course-pagination-links a, #course-pagination-links span{
   float: left;
   height: 15px;
   }
#course-button-resume{
	background: url(/_img/arrow_resume.gif) left 2px no-repeat;
	padding-left: 20px;
   }
#course-button-previous{
	background: url(/_img/arrow_previous.gif) left 3px no-repeat;
   padding-right: 5px;
	padding-left: 20px; 
   }
#course-button-next{
	background: url(/_img/arrow_next.gif) right 3px no-repeat;
   padding-left: 5px;
	padding-right: 20px;
   }
#course-button-view{
   font-weight: bold;
   padding: 0px 5px;
   }
   
.back-to-top{
   display: block;
   width: 100%;
   height: 20px;
   clear: both;
   overflow: hidden;
	background: url(/_img/arrow_back_to_top.gif) 3px 7px no-repeat;
	padding: 0px 7px 2px 15px;
   }
#back-to {
	padding-left: 20px;
	background: url(/_img/arrow_back.gif) 0px 0px no-repeat;
}
/** CONTENT **/

#edu-left-col{  
   width: 100%;
   float: left;
   margin-right: -200px; 
   z-index: 15;
   overflow: hidden;
   }
#edu-left-col #edu-col-content{
   margin-right: 210px; 
   overflow: visible;
   }
#edu-right-col{
   width: 200px;
   float: right;
   position: relative;
   z-index: 2;
   }
#show-hide-right-col{
   float: right;
   height: 15px;
   line-height: 10px;
   text-align: right;
   cursor: pointer;
   cursor: hand;
   }
#show-hide-right-col a{
   font-size: 0.75em;
   }
/** SIDE COURSE MODULE BOXES **/
h4.box{
   padding-left: 5px;
   margin: 0;
   border: 1px solid #2b2b4e;
   border-bottom: 0;
   background: #ffffff;
   }
div.box{
   background: #ececec;
   padding: 5px;
   border: 1px solid #2b2b4e;
   margin-bottom: 5px;
   }
.box-buttons{
   padding: 4px;
   text-align: right;
   background-color: #f3f3f3;
   }
   
.content-navigation{
   white-space: nowrap; 
   line-height: 20px;
   }
   
.box .content-navigation{
   overflow: hidden;
   width: 188px;
   }
   
.content-navigation .content-nav-link{
   margin-left: 3px;
   }
.content-navigation .path-counter{
   margin: 0px 1px 0px 3px;
   }
.content-navigation img{
	vertical-align: middle;
	margin: 0px;
   padding: 0px;
   width: 16px;
   height: 26px;
   background-repeat: no-repeat;
   background-position: center;
   overflow: hidden;
   }
.content-navigation img.img-vert{
   background-image: url(/_img/tree/tree_vertline.gif);
   }
.content-navigation img.img-split{
   background-image: url(/_img/tree/tree_split.gif);
   }
.content-navigation img.img-horz{
   width: 4px;
   background-image: url(/_img/tree/tree_horzline.gif);
   }
.content-navigation img.img-end{
   background-image: url(/_img/tree/tree_end.gif);
   }
.content-navigation img.img-collapse{
   background-image: url(/_img/tree/tree_collapse.gif);
   }
.content-navigation img.img-expand{
   background-image: url(/_img/tree/tree_expand.gif);
   }
.content-navigation img.img-disable{
   background-image: url(/_img/tree/tree_disabled.gif);
   }
.content-navigation img.img-space{
   }
   
/** FOOTER **/

#footer-content{
   font-size: 0.8em;
   text-align: center;
	width: 78%;	
   min-width: 600px;
   margin-left: 150px;
	border-top: 1px solid #39396d;
   padding: 5px 0px 10px 0px;
   }
* html #footer-content {
    width: expression(document.body.clientWidth < 780 ? "600px" : "78%" );
	}
#footer a:link, #footer a:visited { 
   text-decoration: none; 
   }
#footer a:link:hover, #footer a:visited:hover, #footer a:link:active, #footer a:visited:active {
   text-decoration: underline; 
   }
#atutor-copyright{
   padding-top: 10px;
   font-size: 1em;
   }
#module-copyright{
	border-bottom: 1px solid #39396d;
   padding-bottom: 5px;
   margin-bottom: 10px;
   }
/** MISC CESEI EDU **/ 
#content-preview{
   border: 1px solid #cccccc;
   background: #fcfcfc;
   margin-top: 5px; 
   padding: 10px;
   }
.list-title{
   border-top: 1px solid #2b2b4e;
   padding-top: 5px;
   margin-top: 5px;
   font-weight: bold;
   color: #2b2b4e;
   }
ul.curriculum-list, ul.program-list, ul.course-list{
   margin-top: 0;
   margin-left: 25px;
   }
.back-to-program{
   position: relative;
   top: -5px;
   }
.div-dept-title{
   line-height: 1em;
   margin-bottom: 10px;
   font-style: italic;
   }
.create-div{
   display: none;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #2b2b4e;
   }
.select-trans{
   float: left;
   width: 250px;
   }
.select-trans-arrow{
   float: left;
   display: inline;
   height: 23px;
   width: 13px;
   margin: 20px 5px;
   padding: 5px 0px;
   cursor: pointer;
   cursor: hand;
   }
.st-left{
   background: url(/_img/arrow_trans_left.gif) center no-repeat;
   }
.st-right{
   background: url(/_img/arrow_trans_right.gif) center no-repeat;
   }
.summary-item-label{
   padding: 0 8px;
   font-weight: bold;
   border-bottom: 1px solid #2b2b4e;
   }
.summary-item{
   padding: 4px 24px 8px 18px;
   background-color: #f3f3f3;
   }
.summary-item-ul{
   margin: 0 8px;
   }
.summary-item-list{
   width: 75%;
   padding-bottom: 10px;
   }
   
/** ATutor - EDU **/  
   
/** MESSAGE BOXES **/
#f_qt_warning{
	border: 1px solid #D95900;
   color: #D95900;
	padding: 5px;
   font-size: 0.8em;
   line-height: 1.8em;
   margin-bottom: 10px;
   }
#system-message{
   }
#system-message div{
   position: relative;
	border-width: 1px;
   border-style: solid;
	margin: 5px 0px;
   padding-right: 15px;
	font-weight: bold;
   }
#system-message ul{
	margin-top: 3px;
   margin-bottom: 4px;
   line-height: 1.6em;
   }
div#feedback {
	border-color: #39396d;
	background-color: #ffffff;
	color: #39396d;
   }
div#help {
	border-color: blue;
	background-color: #c3ffff;
	color: blue;
   }
div#info {
	border-color: #251b46;
	background-color: #E1D7E8;
	color: #251b46;
   }
div#warning {
	border-color: #D95900;
	background-color: #FFF6ED;
	color: #D95900;
   }
div#error {
	border-color: #cc0000;
	padding: 5px;
	color: #cc0000;
	background: #ffffff url(/_img/icon_error.gif) no-repeat 7px 7px;
   }
div#error h4 {
	color: #cc0000;
   padding: 0;
	margin: 5px 0 0 20px;
   }
.at_dialog-close{
   position: absolute;
   display: block;
   top: 2px;
   right: 2px;
   width: 11px;
   height: 11px;
   background: url(/_img/close_help.gif) no-repeat;
   cursor: pointer;
   cursor: hand;
   }
/** FILEMANAGER **/

.fm-current-dir{
   font-weight: bold;
	padding: 4px 24px 8px 18px;
	margin: 4px;
   background-color: #f3f3f3;
   }
li.folders {
	list-style: disc url(/_img/folder.gif) outside;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
   }
.fm-icon{
   vertical-align: middle;
   }
   
/** TOOLS LISTING **/
ol#tools, ol.tools { 
   width: 100%; 
   padding: 0;
   margin: 0;
   }
li.top-tool { 
   padding: 2px 2px 2px 15px; 
   margin-bottom: 5px; 
  /* line-height: 200%; */
   background-color: #fdfdfd;  
   -moz-border-radius: 4px; 
   list-style-position: inside;
   border: 1px solid #eeeeff;
   }
* html li.top-tool {
   list-style-position: outside;
	}
li.top-tool a {  
   font-weight: bold; 
   }
ul.child-top-tool {
	padding-left: 0px;
	margin: 0px 10px 2px 20px;
   }
li.child-tool {
	display: inline;
	margin-right: 5px;
   font-size: 0.9em;
   }
li.child-tool a { 
	font-weight: normal; 
   }
   
/* DATA TABLES */

table.chat-transcript td{
   padding: 0px 5px;
   }
   
table.data {
	border: 1px solid #e0e0e0;
	width: 99%; 
	margin: auto;
	border-spacing: 0px;
	border-collapse: collapse;
   }
table.data th {
	background-color: #fafafa;
	border-bottom: 1px solid #e0e0e0;
	padding: 2px 5px;
	white-space: nowrap;
	text-align: left;
   }
table.data th a {
	color: black;
	padding-right: 15px;
	margin-right: 15px;
	background-image: url(/_img/sort.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration:none;
   }
table.data th a:hover {
	text-decoration: underline;
   }
table.data tbody th {
	text-align: left;
	background-color: #fdfdfd;
	cursor: auto;
   }
table.data td {
   padding: 2px 5px;
	border-bottom: 1px solid #e0e0e0;
   }
table.data col.sort {
	background-color: #f5f5ff;
   }
table.data tbody tr:hover, table.data tbody tr:hover th {
	background-color: #f5f5ff;
	cursor: pointer;
	cursor: hand;
   }

table.data tbody tr.selected, table.data tbody tr.selected th {
	background-color: #f5f5ff;
	cursor: auto;
   }
   
.just-data{
   background-color: #ffffff !important;
   cursor: auto !important;
   }

/* tfoot td always colspan the entire table so IE can have the same look as tfoot tr:first-child td */
table.data tfoot tr td {
	border-top: 1px solid #e0e0e0;
	padding: 5px 5px 5px 40px;
	background: #fafafa url(/_img/arrow_ltr.gif) 4px 5px no-repeat;
   }

table.data.static tfoot td, table.data.static tfoot tr td {
	padding: 5px;
	background-image: none;
	padding-left: 0px;
   }

table.data tfoot input {
	border: 1px solid #999;
	background-color: white;
	padding: 2px 10px;
	/*max-width: 60%;
	min-width: 100px;*/
	margin-left: 5px;
   }

/* used for static tables with no form elements */
table.data.static tbody tr:hover {
	background-color: transparent;
	cursor: auto;
   }
table.data .dept-name{
   }  
table.data .div-name{
   font-style: italic;
   padding-left: 20px;
   }

/* editor tabs */
table.etabbed-table {
   margin: 5px 0;
   width: 99%;
   }
table.etabbed-table td {
	text-align: center;
	border: 1px solid #999;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 110px;
   }
table.etabbed-table td.tab-spacer {
	width: 5px;
	border: 0;
	border-bottom: 1px solid #999;
   }
table.etabbed-table td.tab {
	background-color: #f5f5ff;
   }
table.etabbed-table td.selected {
	border-bottom: 0;
	font-weight: bold;
   }
/* button link on tab */
.buttontab {
	background-color: #f5f5ff;
	border: 0px;
   width: 100%;
   height: 100%;
   }
table.etabbed-table td.changes, td.changes .buttontab{
   color: #cc0000;
   }
/** PAGINATION **/
div.paging {
   width: 100%;
   text-align: left;
   margin: 5px;
   height: 25px;
   \height: 35px;
   he\ight: 25px;
   overflow: hidden;
   }
div.paging span{
   font-weight: bold;
   padding: 5px;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
   }
div.paging ul {
   list-style: none;
   display: inline;
   margin: 0;
   }
div.paging li { 
	display: inline; 
   }
div.paging li a {
	text-decoration: none;
	padding: 2px 5px;
   border: 1px solid #000;
   }
div.paging li a:hover{
   color: #ececec;
   background: #366161;
   }
div.paging li a.current {
   color: #ececec;
   font-style: italic;
   background: #39396d;
   }
div.paging .page-block-switch li a {
   border: none;
   }
div.paging .page-block-switch li a:hover {
   background: #ffffff;
   color: #366161; 
   text-decoration: underline;
   }
.pagination-page{
   display: none;
   }
   
/** COURSE BROWSER **/

.browse-filter{
   float: left;
   padding-right: 10px;
   }
.filter-label{
   display: block;
   border-bottom: 1px solid #2b2b4e;
   margin-bottom: 5px;
   }
.letter-filter{
   margin: 0px 5px;
   }
.letter-filter strong{
   color: #2b2b4e;
   font-size: 1.3em;
   font-family: Arial, Verdana, "Lucida Grande", sans-serif;
   }
.letter-filter .current{
   font-weight: bold;
   color: #2b2b4e;
   }

.course-info-box{
   display: block;
   clear: both;
   width: 100%;
   border: 1px solid #2b2b4e;
   margin: 5px 0px;
   font-size: 0.9em;
   line-height: 1.8em;
   }
.course-info-box-safari-hack{
   padding: 5px;
   }
.course-info-box .course-title{
   margin: 0px;
   margin-bottom: 3px;
   font-size: 1.2em;
   color: #2b2b4e;
   border-bottom: 1px solid #2b2b4e;
   }
.course-title-max{
   height: 40px;
   overflow: hidden;
   }
.course-info-box p{
   margin: 0px;
   }
.browse-course-desc{
   margin-left: 10px;
   }

.course-info-indent{
   margin-left: 5px;
   }
.course-info-indent a{
   display: block;
   }
.course-util-links{
   border-top: 1px solid #2b2b4e;
   margin-top: 5px;
   padding-left: 5px;
   }
   
/** COURSE STYLES **/

ul#navlist{
	list-style: none;
	padding: 0 0 5px 5px;
	margin: 0px;
   }
ul#navlist li{
   display: inline;
	padding-right: 12px; 
   }
   
div.course div.shortcuts {
	text-align: right;
	clear: left;
	vertical-align: middle;
   }
fieldset#shortcuts {
	float: right;
	background-color: #fafafa;
	border: 1px solid #aaaaaa;
	margin: -5px 0px 5px 5px;
   padding: 0 10px 5px 10px;
   }
#shortcuts legend {
	color: #366161;
	background-color: white;
   }
#shortcuts ul {
	position: relative;
   margin: 0;
	list-style-type:  none;
	padding-left: 0px; 
   }
div#content-text {
	padding-right: 5px;
   }
div#content-text li {}

div#content-info {
	padding: 10px 0;
	font-size: 0.8em;
   line-height: 1.5em;
	color: #9e9e9e;
	clear: both;
   }

   
/** SEARCH RESULTS **/

.highlight, a.highlight{
	background-color: #e9f01d;
   }
.results {
	padding: 0 5px;
   }
.results p{
	margin-top: 0px;
   }
h5.search-header{
   font-size: 0.9em;
	margin: 3px 0 0 0;
   }
h4.search-results {
   border-bottom: 1px solid #2b2b4e;
	color: #2b2b4e;
	padding: 1px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
   }
h5.pages_found{
   font-size: 0.9em;
   border-bottom: 1px solid #39396d;
	color: #39396d;
	margin: 3px 0 0 5px;
	padding-left: 2px;
   }
small.search-info {
	color: #2b2b4e;
   }
p.search-description {
	color: #2b2b4e;
	background-color: #efefef;
	padding-left: 5px;
   }
.adv-search-description{
   font-size: 0.9em;
   margin: 0px 5px;
   }
.graph1{
   border: 1px solid #000000;
   border-right: 0;
   border-bottom: 0;
   padding-left: 3px;
   }
.graph{
   padding-left: 2px;
   border-bottom: 1px solid #000000;
   }
.graph0{
   border: 1px solid #000000;
   border-right: 0;
   border-top: 0;
   padding-left: 3px;
   }
   
/* FORUMS */
.forum-post{
   padding: 5px;
   background-color: #fbf9e5;
   }
.forum-posted-by{
   padding-bottom: 2px;
   border-bottom: 1px solid #cdcdcd;
   }
.forum-post blockquote{
   border: 1px solid #cdcdcd;
   margin: 5px;
   padding: 5px;
   background-color: #edeac7;
   }
.forum-post blockquote p{
   margin: 0px;
   padding: 0px;
   }
.forum-post .bigspacer{
   padding: 5px;
   }
   
/* CHAT */
#chat-body{
   padding: 5px;
   }
.chat-display{
   width: 100%;
   background-color: #efefef;
   padding: 5px;
   }
.chat-display .row1{
   padding: 2px;
   margin: 2px;
   }
.chat-header{
   font-size: 1.5em;
   margin: .83em 0;
   color: #2b2b4e;
   padding-bottom: 3px;
   border-bottom: 1px solid #2b2b4e;
   }
#enter-chat{
   display: block;
   font-weight: bold;
   margin: 0 0 10px 0;
   font-size: 1.5em;
   }
   
/* CONTENT EDITOR */
.input-form textarea.mce-editor, .mce-editor{
   /*width: 98%;*/
   height: 500px;
   }
/*CRAZY IE hack to prevent the text area from changing size on focus*/
* html .mce-editor {
    /*width: 500px;*/
    width: expression((parentNode.offsetWidth-60)+"px");
    /*width: expression((document.body.clientWidth/1.85)+"px");*/
   }
.glossary-link{
   font-weight: bold;
   margin-left: 2px;
   }
.related-topic-link{
   font-size: 0.9em;
   }
   
.assignment-student-name{
   float: left;
   font-weight: normal;
   color: #2b2b4e;
   }
.headline-right-link{
   float: right;
   font-size: 0.8em;
   font-weight: normal;
   margin-right: 10px;
   }
.test-question-number{
   margin:0;
   }
.test-question{
   margin: 0px;
   padding: 3px 5px;
   background: #dfdfdf;
   color: #121212;
   }
   
.test-answer-key{
   margin: 0px;
   padding: 2px 5px;
   background: #cbcbcb;
   color: #121212;
   }
   
/* help link */

/* EDU help link */
#help-guide{
   position: absolute;
   top: -25px;
   right: 0px;
   border: 1px solid #366161;
   } 
#help-guide a{
   display: block;
	background: url(/_img/icon_help_guide.gif) 3px center no-repeat; 
	padding: 3px 5px 4px 25px;
   line-height: 1.2em;
   background-color: #eee;
   }
   
.info-box{
   padding: 7px;
   border: 1px solid #2b2b4e; 
   background-color: #f3f3f3;
   }
   
/* other help link */
.help-link{
	background: url(/_img/icon_help_guide.gif) 3px center no-repeat; 
	padding: 3px 5px 4px 25px;
   line-height: 1.2em;
   background-color: #eee;
   border: 1px solid #366161;
   }
   
#help-dialog{
   position: absolute;
   top: 15%;
   left: 17%;
   width: 66%;
   /* border: 1px solid #0969ba; */
   border: 2px solid #39396D;
   background: #ffffff;
   padding: 15px;
   display: none;
   z-index: 15;
   }
#help-dialog-close{
   position: absolute;
   top: 2px;
   right: 2px;
   width: 11px;
   height: 11px;
   background: url(/_img/close_help.gif) no-repeat;
   cursor: pointer;
   cursor: hand;
   }

#help-dialog-msg-box{
   }
   
   