/* reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table,table.layout { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

body { background-color: #fff; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666666; padding-bottom: 10px; font-size: 12px; }

h1,.h1 { font-family: Trebuchet MS, sans-serif; font-size: 2em; line-height: 1.1em; padding-bottom: 2px; }

h2,.h2 { font-family: Trebuchet MS, sans-serif; font-size: 1.5em; }

.h2-small { font-family: Trebuchet MS, sans-serif; font-size: 1.3em; }

h3,.h3 { font-family: Trebuchet MS, sans-serif; font-size: 1.2em; }

/*auto-break or hide all long URLs*/
a {
overflow: hidden;
word-wrap: break-word; }

/*
input[type=text] { height: 1.2em; }


input[type=select],input[type=text],input[type=submit] { vertical-align: baseline; }
*/


td,th { vertical-align: top; }


.checkbox,.radio {	margin-top: 2px; margin-right: 0.25em; }

.menu-item-selected { font-weight: bold; /*border-bottom: 2px solid #cccccc;*/ text-decoration: underline; }

.side-nav li { position: relative; left: 1px; margin-bottom: 0.5em; padding: 0.25em; border: 1px solid #999999; background-color: #efefef; }


.side-nav li.selected { font-weight: bold; /* border-color: #666666; */ border-bottom: 3px solid #cccccc; background-color: white; border-right: 0px solid white; }

#enrollment-container { width: 750px; float: left; border: 1px solid #666666; padding: 0.5em; background-color: white; /*overflow: auto;*/ }

/* block styles */
#content h2,#content h3,#public-content h2,#public-content h3 { margin-top: 1em; }

#content .first-child,#public-content .first-child,#main_content .first-child { margin-top: 0; }

.alert { font-size: 0.85em; color: #cc3300; }

.text-column { width: 35em; }

.query-filter { padding: 0.5em; background-color: #f4f4f4; }

.query-filter td,.query-filter th,.form td,.form th { padding-right: 0.5em; }

/* removal of these inline styles */
.spacebottom { margin-bottom: 1em; }

.spacetop { margin-top: 1em; }

.spaceleft { margin-left: 1em; }

.spaceright { margin-right: 1em; }

.float-left { float: left; }
.float-right { float: right; }

#enrollment-header { width: 10em;  float: left; }

.action-menu { border: 1px solid #CCCCCC; background-color: #f4f4f4; color: #666666; padding: 0.2em; }

.enroll-status-action { font-size: 0.9em; vertical-align: middle; }

.enroll-status-action select { font-size: 0.9em; background-color: white; background-color: yellow; /* check if needed anymore */ }

#action-select { padding-left: 50px; background-color: yellow; /* not used anymore, check */ }

#action-select-footer { padding-left: 50px; }
#g-reset { margin-top: 0.25em; text-align: right; }

div.form { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; float: left; }

div.form-inner { padding: 1em; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }



form div.field { margin-top: 0.5em; }


table.map-data tr { cursor: pointer; }
table.map-data tr:hover { background-color: #ffebe8; }
table.map-data td { padding: 0.25em 0.5em 0.25em 0.25em; }

table.map-data h3 {
 }

table.data { background-color: white; }

table.data td,table.data th { padding: 0.25em 0.5em 0.25em 0.25em !important; }

/* !important so .data tables within .form tables have this style */
table.data th { font-size: 0.85em; background-color: #dee0bf !important; border-top: 1px solid #dee0bf; padding-top: 5px; color: #333; text-align: left; }

table.ruled tbody th,table.ruled tbody td { border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; vertical-align: middle; }

table.not-ruled th,table.not-ruled td { border: 0; }


/* .form must be after .data */
table.form { }

table.form th,table.form td { padding: 0.25em 1em 0.25em 0; vertical-align: top; }

table.form th { border: 0; background-color: transparent; text-align: right; }

table.form thead th { padding: 0.25em 0 0.25em 0; text-align: center; }

table.layout th,table.layout td { padding: 0; vertical-align: top; }

table.form table.layout td { padding-right: 0.5em; }


tr.odd td,tr.odd th { background-color: #f4f4f4; }
tr.even td,tr.even th { background-color: transparent; }

tr.selected td,tr.selected th { background-color: #ffebe8; }

.featured-container { background-image: url(/images/bg_gradient_orange.jpg); background-repeat: no-repeat; background-color: white; }

.non-featured-container { background-image: url(/images/bg_gradient_green.jpg); background-repeat: no-repeat; background-color: white; }

.participate-container { color: #d36b68; background-color: #efefef; border: 2px solid #efefef; padding: 0.25em 0.25em 0.25em 0.5em; overflow: hidden; }

.participate-container .h-section { color: #d36b68; font-size: 0.75em; text-transform: uppercase; text-align: center; border-bottom: 1px solid #d36b68; }

.participate-container ul li { margin-bottom: 0.1em; }

.related-container { background-color: #e3e9f2; border: 1px solid #7f9db9; padding: 0.5em; font-size: 0.85em; overflow: hidden; }

.related-container ul li { margin-left: 1.2em; margin-bottom: 0.25em; list-style-type: disc; }

.participate-container ul,.related-container ul { margin-top: 0.2em; }

.manage-container { background-color: white; border: 2px solid #cc3300; padding: 0.5em; overflow: hidden; }


.h-section { margin-top: 1.35em; padding-bottom: 0.15em; font-size: 0.85em; border-bottom: 1px solid #cccccc; }

.footnote { font-size: 0.8em; line-height: 1.5em; }

.form-alert { color: red; font-size: 0.85em; }

.icon { margin-right: 4px; position: relative; top: 2px; }

.feed-icon { width: 15px; height: 15px; background-image: url('/images/icons/news_feed_icons.gif'); position: relative; top: 2px; margin-right: 2px; }

.no-results { font-style: italic; font-size: 0.85em; margin-top: 1em; }

.center { text-align: center; }

.bookmark-container { }

#about-container { padding: 0.5em; border: 1px dashed #80b613; }

li.bullet-circle { line-height: 1em; margin-left: 1em; margin-bottom: 0.25em; list-style-type: circle; }

li.bullet-disc { line-height: 1em; margin-left: 1em; margin-bottom: 0.25em; list-style-type: disc; }

li.decimal { margin-left: 2em; list-style-type: decimal; }

.beveled { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; }

.one-pixel-height { height: 1px; font-size: 1px; line-height: 1px;  }

.must-read-box,.wisdom-box { float: left; width: 51px; height: 20px; font-size: 14px; padding-top: 2px; text-align: center; background-repeat: no-repeat; cursor: pointer; }

.must-read-box { background-image: url(/images/button_orange.gif); }

.wisdom-box { background-image: url(/images/button_purple.gif); }

.pagination { margin: 1em 0 1em 0; font-size: 0.9em; }

#content .annotation,.annotation { font-size: 1em; margin: -0.5em 0 0.5em 0; }

#content .annotation p,.annotation p { margin-top: 1em; line-height: normal; }

#public-content .annotation { margin: 1em 0 0.5em 0; color: black; }

#public-content .annotation p { margin-top: 1em; line-height: 1.5; }

#content .annotation ol,#content .annotation ul,#public-content .annotation ol,#public-content .annotation ul { margin-top: 0.5em; }

#content .annotation ol li,#public-content .annotation ol li { margin-left: 2em; list-style-type: decimal; }

#content .annotation ul li,#public-content .annotation ul li { margin-left: 2em; list-style-type: disc; }

.content-html { }

.content-html p { line-height: 1.2em; }

.content-html h1,.content-html h2,.content-html h3 { margin-top: 1em; }

.content-html ul,.content-html ol { margin-top: 0.5em; }

.content-html ul li { margin-left: 1.5em; list-style: disc; }

.content-html ol li { margin-left: 1.5em; list-style: decimal; }


/*notifier div for tentmail*/
#floatdiv { position:absolute; height:80px; width:80px; left:0px; top:0px; padding:5px;  background-color:rgb(255, 241, 196);  border:2px solid rgb(255, 225, 124); font-color: red; text-align: left; }

/* thumbnail styles */
.thumbnail-container {
 }
img.thumbnail { background-color: white; padding: 4px; border: 1px solid #cccccc; height: 72px; width: 72px; }
img.thumbnail:hover {
 }

/* removal of inline styles */
.g-nomargin { margin: 0 0 0 0; }

.g-nodisplay { display: none; }

.g-actionmenu { text-align: center; margin-bottom: 1em; }

/* scriptaculous auto-completer styles */
div.auto_complete { width: 350px; z-index: 99999; margin-top: 0 !important; }
div.auto_complete ul { border: 1px solid #7f9db9; margin: 0; padding: 0; width: 100%; list-style-type: none; background: #ffffff; }
div.auto_complete ul li { font-size: 0.85em; color: #000; padding: 0.25em 0 0.25em 0; cursor: pointer; }
div.auto_complete ul li.selected {  background-color: #ffb;  }
div.auto_complete ul strong.highlight {  color: #800;  margin:0; padding:0; }

/* scriptaculous in-place editor styles */
.inplaceeditor-form { display: inline; }
.inplaceeditor-form .editor_ok_button { margin: 0 0.5em 0 0.5em; }

/* link styles */
a, .nav-link,.menu-item,.inplaceeditor-form .editor_cancel { color: #6b91b5; text-decoration: none; cursor: pointer; }
a:hover, .nav-link:hover,.menu-item:hover,.inplaceeditor-form .editor_cancel:hover { text-decoration: underline; }

.inline-help-link { color: #666666; text-decoration: none; cursor: pointer; }

.inline-help-link:hover { background-color: #666666; color: white; }

.inline-annotation-link { text-decoration: none; cursor: pointer; border-bottom: 1px dashed #6b91b5 }

.inline-annotation-link:hover { background-color: #e3e9f2 }

.plain-link { text-decoration: none; cursor: pointer; }

.plain-link:hover { text-decoration: underline; cursor: pointer; }

.manage-link, .manage-link:visited { color: #cc3300; text-decoration: none; cursor: pointer; }

.manage-link:hover { text-decoration: underline; }

.text-button { background-color: white; border: 1px dotted #cccccc; padding: 0 0.35em 0 0.35em; cursor: pointer; }

.text-button:hover { color: white; background-color: #6b91b5; }

.transparent-50 { width: 100%; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }

.transparent-25 { width: 100%; filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; }

.loading-data { background: url(/images/icon_loading.gif) 0px -2px no-repeat; padding-left: 23px; }

.mini-menu { color:  #cccccc; font-size: 0.85em; }

.mini-menu img { border: 0px; margin-right: 3px; }

.mini-menu a { color: #6b91b5; cursor: pointer; text-decoration: none; }

.mini-menu a:hover { background-color: #6b91b5; color: white; }

/* in-line styles */
.smaller { font-size: 0.9em; }
.smallerer { font-size: 0.8em; }
.smallererer { font-size: 0.7em; }
.bigger { font-size: 1.2em; }
.biggerer { font-size: 1.5em; }
.meta { font-size: 0.85em; }
.white { color: white; }
.grey { color: #cccccc; }
.greyed { background-color: #f4f4f4; }
.dark-grey {  }
#content .black,.black { color: black; }
.red { color: red; }
.green { color: green; }
.orange { color: orange; }
.purple { color: #79779b }
.blue { color: #6b91b5; }
.bright { color: #666666; }
.disabled,.inactive { color: #999; }
.manage { color: #cc3300; }
.participate { color: #efefef; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.strikeout { text-decoration: line-through; }
strong,.strong { font-weight: bold; }
em,.em { font-style: italic; }
.clickable { cursor: pointer; }
.arrow { cursor: default; }
.nowrap { white-space: nowrap; }
.serif { font-family: Georgia; }
.verdana { font-family: Verdana; }

/* print styles */
body.printable .no-print { display: none; }

.print-only { display: none; }

body.printable .print-only { display: inline; }

.content-container { margin-top: 15px; }

.clear { clear: both; }

/* Helpstream Platform integration */
.help-stream { min-height: 300px; /*IE6 apply min-height */ height: auto !important; height: 300px; }