/*
MLMP Green: #009245;
Maroon: #600 or #7A0019;
Gold: #FC3;
Dk green: #00528; OR #005B2C;
Dk gold: #D9A300;
*/


body { margin: 0; padding: 0; background: #666 url(/images/bg_gray.jpg) top; background-repeat: repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
a>abbr { text-decoration: inherit; background-image: none; }
abbr.initialism { speak: spell-out; }
abbr, acronym { cursor: help; }
a img { border: none; }
#content .smaller { font-size: 0.9em; }
#content li.smaller { margin-bottom: 5px; }

dl { }
dt { font-weight: bold; }
dd { margin: 0 0 10px 0; }

ul.inline-list { margin: 0 10px 1em 0; padding: 0; }
ul.inline-list li { border-left: 1px solid #000000; display: inline; list-style: none outside none; margin: 0 0 1em; padding: 0 2px 1px 5px; }
ul.inline-list li:first-child, ul.inline-list li.first { border-left: medium none; padding-left: 0; }

.youtube { /* padding-left: 20px; background: url('images/youtube.png') no-repeat left; */ }

/* ------ WRAPPERS ------ */
#outerwrapper { width: 900px; margin: 0 auto; padding: 0; background-color: #FFF; }

/* ------ U of MN HEADER ------ */
#um_header { background-color: #7A0019; color: #fff; overflow: auto; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 4px 0 0 0; }
#um_branding { float: left; padding: 0 0 0 0; }
#nav-um { float: right; padding: 0 0 0 0; margin: 6px 10px 0 0; }
#nav-um a { color: #fff; text-decoration: none; }
#nav-um a:hover { text-decoration: underline; }
#nav-um li { border-left: 1px solid #fff; }
#nav-um li:first-child, #nav-um li.first { border-left: medium none; padding-left: 0; }

/* ------ HEADER ------ */
#header { background-color: #FFF; margin: 0 0 0 170px; padding: 0px; background-image: url(/images/greenline2.gif); background-position: 0px 130px; background-repeat: no-repeat; }
#header img#sitename { margin: 55px 0 55px 10px; }
#header .globallinks { text-align: right; font: normal normal normal 11px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; margin: 0px 10px 0 0; }
#header .globallinks a:link, #header .globallinks a:active, #storelinks p a:link, #storelinks p a:active { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#header .globallinks a:visited { color: #7A0019; text-decoration: none; background-image: url(/images/maroondot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#header .globallinks a:hover { color: #7A0019; text-decoration: underline; border-bottom: none; font-weight: bold; }

/* ------ LEFT ------ */
#left { width: 170px; background-color: #FFF; float: left; padding: 0; margin: 0; }
#left p { margin: 0 0 0 10px; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px 10px 2px 0px; color: #000; }
#left p.search { text-align: center; margin-top: 0; }
#left p a { font-weight: bold; }
#left p a:link { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; }
#left p a:active { color: #009245; text-decoration: none; background: #fff url(/images/greendot.gif) repeat-x left bottom; }
#left p a:visited { color: #7A0019; text-decoration: none; background: #fff url(/images/maroondot.gif) repeat-x left bottom; }
#left p a:hover { color: #009245; text-decoration: underline; background-image: none; border-bottom: none; }
#left img#extension { border: 0; margin: 10px 0 10px -5px; }
#left img#logo { margin: 25px 0px 20px 15px; border: 0; }
#left ul.main, #left ul.appfirst { list-style: none; margin: 0; padding: 0; }
#left ul.main li { border-bottom: 5px solid #FFF; }
#left ul.appfirst li { border-bottom: 2px solid #FFF; }
#left ul.main li a { display: block; font: normal 14px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 5px 10px; text-decoration: none; background-color: #009245; color: #FFF; }
#left ul.appfirst li a:link, #left ul.appfirst li a:visited { display: block; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 1px 10px; text-decoration: none; background-color: #CCC; color: #000; }
#left ul.appfirst li a:hover, #left ul.appfirst li a:active { display: block; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 1px 10px; text-decoration: none; background-color: #000; color: #FFF; }

/* ------ SIDE LOGIN, LEFT LOWER ------ */
#sidelogin, #leftlower { padding: 4px 4px 4px 6px; margin: 20px 0 0 0; font: 12px Arial, Helvetica, sans-serif; }
#sidelogin p, #leftlower p { }
#sidelogin a:link, #leftlower a:link { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#sidelogin a:active, #leftlower a:active { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#sidelogin a:visited, #leftlower a:visited { color: #7A0019; text-decoration: none; background-image: url(/images/maroondot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#sidelogin a:hover, #leftlower a:hover { color: #009245; text-decoration: underline; background-image: none; border-bottom: none; font-weight: bold; }
#sidelogin td { padding: 1px 0;}

/* ------ CONTENT ------ */
#content { background-color: #fff; margin: 0 0 0 170px; padding: 8px 45px 55px 45px; font: normal 12px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 30px; }
#content p { font: 1em/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 1em 0; }
#content h1 { font: bold 26px/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #009245; padding: 0; margin-bottom: 1em; }
#content h2 { font: bold 23px/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; padding: 0; margin: 1em 0 1em 0; clear: right; }
#content h3 { font: bold 18px/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #009245; padding: 0; margin-top: 1.2em; margin-bottom: .6em; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; clear: right; }
#content h4 { font: bold 15px/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; margin-top: 2em; /* background-image: url(/images/blackdot.gif); background-position: bottom; background-repeat: repeat-x; */ clear: right; }
#content a:link, #content a:active { color: #009245; font-weight: bold; /* text-decoration: none; background-image: url(images/greendot.gif); background-position: bottom; background-repeat: repeat-x; */ }
#content a:visited { color: #7A0019; font-weight: bold; /* text-decoration: none; background-image: url(images/maroondot.gif); background-position: bottom; background-repeat: repeat-x; */ }
#content a:hover { color: #009245; text-decoration: underline; background-image: none; font-weight: bold; }
#content ol, #content ul { margin: 10px 25px 1em; padding: 0; }
#content ol { list-style-type: decimal; }
#content ul { list-style-type: disc; }
#content li { margin: 0 0 8px 0; padding: 0; }

#content ul.inline-list { margin: 0 0 1em; }
#content ul.inline-list li { border-left: 1px solid #000000; display: inline; list-style: none outside none; margin: 0 0 1em; padding: 0 5px 1px 5px; }
#content ul.inline-list li:first-child, ul.inline-list li.first { border-left: medium none; padding-left: 0; }
#content .secondarynav { text-align: left; font-weight: bold; background-color: #EEE; padding: 2px 4px 4px 4px; font-family: Tahoma, Helvetica, Arial, Sans-Serif; font-size: 0.9em; }
#content .secondarynav a { white-space: nowrap; }

#content blockquote.quotemark { background-image: url(/images/openquote.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 50px; padding-right: 0px; margin-left: 0px; margin-right: 10px; margin: 2em 10px 2em 0; font-style: italic; text-align: justify; }
#content blockquote.quotemark div { background-image: url(/images/closequote.gif); background-position: 100% 100%; background-repeat: no-repeat; padding-right: 50px; }
#content p.bibliography { margin-left: 3em; padding: 0; text-indent: -3em; }
#content p.imgcentered { margin: 30px 0; padding: 0; text-align: center; border: 0; }
#content p.captionunder { text-align: center; font:  bold 11px/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: -10px 30px 20px 30px; }
#content p.highlight { font-weight: bold; font-style: italic; color: #009245; font-size: 1.3em; }
#content p.indent { margin-left: 3em; }
#content img.right { float: right; padding: 5px 0 10px 20px; margin: 0; border: 0; }
#content img.left { float: left; padding: 5px 20px 10px 0; margin: 0; border: 0; }
#content img.fieldguidethumb { width: 180px; height: 144px; border: 4px solid #CCC; margin-right: 8px; margin-bottom: 8px; }
#content img.greyborder { border: 4px solid #CCC; }

#content .larger { font-size: 1.3em; color: #005B2C; font-weight: bold; }

#content div.positive p { border: solid 1px #006100; background-color: #C6EFCE; padding: 20px; color: #006100; line-height: 1.5; font-size: 1em; }
#content div.negative p { border: solid 1px #9C0006; background-color: #FFC7CE; padding: 20px; color: #9C0006; line-height: 1.5; font-size: 1em; }

img.gallerythumb { float: left; margin: 0 2px 2px 0; width: 150px; height: 150px; }

#content a[href $='.pdf'] { padding-right: 18px; background: transparent url(images/icon_pdf.gif) no-repeat center right; text-decoration: underline; }
#content a[href $='.doc'], a[href $='.docx'] { padding-right: 18px; background: transparent url(images/icon_doc.gif) no-repeat center right; text-decoration: underline; }
#content a[href $='.xls'], a[href $='.xlsx'] { padding-right: 18px; background: transparent url(images/icon_xls.gif) no-repeat center right; text-decoration: underline; }
#content a[href $='.ppt'] { padding-right: 18px; background: transparent url(images/icon_ppt.gif) no-repeat center right; text-decoration: underline; }

/* ------ BREADCRUMB ------ */
#breadcrumb p { font: 10px/1.5 Tahoma, Arial, Verdana, sans-serif; margin: 0 0 15px 0; }
#breadcrumb a { white-space: nowrap; }
#breadcrumb a:link { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#breadcrumb a:active { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#breadcrumb a:visited { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#breadcrumb a:hover { color: #7A0019; text-decoration: underline; border-bottom: none; font-weight: bold; }

/* ------ FOOTERNAV ------ */
#footernav { background: #fff url(/images/greenline2.gif) no-repeat left top; margin: 0 30px 0 170px; padding: 20px 0 20px 0; clear: both; text-align: left; font: normal 12px/18px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
#footernav p { margin: 10px 0 0 50px; }
#footernav a:link, #footernav A, #footernav a:active { color: #009245; text-decoration: none; background-image: url(/images/greendot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#footernav a:visited { color: #7A0019; text-decoration: none; background-image: url(/images/maroondot.gif); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
#footernav a:hover { color: #7A0019; text-decoration: underline; border-bottom: none; font-weight: bold; }

/* ------ FOOTER ------ */
#footer { width: 900px; background-color: #7A0019; clear: both; padding: 0; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; }
#footer p { margin: 0px 14px 0px 14px; padding: 6px; font: normal 10px Arial, Helvetica, sans-serif; color: #999; text-align: left; }
#footer a:link, #footer a:active, #footer a:visited { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: underline; }

/* ------ LOGOUT ------ */
#logout { float: right; text-align: right; color: #000; font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#logout a { text-decoration: underline; font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; white-space: nowrap; }

/* ------ TABLE ------ */
#content caption { text-align: left; font-weight: bold; margin-bottom: 8px; margin-top: 1em; }

/* ------ TABLE: DATA DISPLAY ------ */
table.datadisplay { border-collapse: collapse; margin: 10px 0 20px 0; padding: 0; }
table.datadisplay tbody tr:nth-child(even) { background-color: #EEE; }
table.datadisplay th { font-weight: bold; margin: 0; padding: 4px 6px; border: solid 1px #000; }
table.datadisplay thead th { text-align: center; vertical-align: bottom; background-color: #CCC; }
table.datadisplay tbody th, th.left { text-align: left; vertical-align: top; }
table.datadisplay tr td { text-align: left; vertical-align: top; margin: 0; padding: 4px 6px; border: solid 1px #000; }
table.datadisplay td.right { text-align: right; }
#content table.datadisplay td p { margin-top: 0; }

/* ------ GRIDVIEW ------ */
.AspNet-GridView {  }
.AspNet-GridView .AspNet-GridView-Bottom { margin-top: -20px; }
.AspNet-GridView .AspNet-GridView-Top { margin-bottom: -10px; }
.AspNet-GridView .AspNet-GridView-Pagination { font-size: 10px; line-height: 1.5; padding: 5px; border: 0; font-weight: normal; font-style: normal; text-decoration: none; }
.AspNet-GridView .AspNet-GridView-Pagination:before { content: "Go to Page: " } 

/* ------ TABLE: DATA ENTRY ------ */
table.dataentry { width: 100%; margin: 1em 0; }
table.dataentry th { font-weight: bold; background-color: #EEE; margin: 1px; padding: 1px 5px; border: 1px solid #FFF; text-align: left; vertical-align: top; width: 30%; }
table.dataentry td { margin: 1px; padding: 1px 5px; vertical-align: top; }
table.dataentry td td { margin: 0; padding: 0; }

/* ------ TABLE: DATA ENTRY NARROW ------ */
table.dataentrynarrow { margin: 1em 0; }
table.dataentrynarrow th { font-weight: bold; background-color: #EEE; margin: 1px; padding: 1px 5px; border: 1px solid #FFF; text-align: left; vertical-align: top; }
table.dataentrynarrow td { margin: 1px; padding: 1px 5px; vertical-align: top; }
table.dataentrynarrow td td { margin: 0; padding: 0; }

/* ------ RIGHT FLOAT BOXES ------ */
#content .rightfloatbox { float: right; margin: 0 0 10px 10px; border: 0; }
#content .rightfloatbox250w { float: right; margin: 0 0 10px 10px; border: 0; padding: 4px; width: 250px; text-align: center; }
#content .rightfloatbox250w a:link, #rightfloatbox250w a:visited, #rightfloatbox250w a:hover, #rightfloatbox250w a:active { background: none; text-decoration: none; }
#content .rightfloatbox250w a img, img#bordered { border: 4px solid #CCC !important; margin-top: 4px; width: 250px; }
#content .rightfloatbox250w .caption, #content .rightfloatbox250w p { font: normal normal 10px/1.3 Tahoma, Helvetica, sans-serif; }

/* ------ NEWS ------ */
#news { /* -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; */ border: solid 1px #000; padding: 20px; background-color: #EEE; }
#news h4 { background: none; margin-bottom: 0; margin-top: 0px; font-size: 16px; }
#news h4 a[href $='.pdf'] { background-image: none; padding-right: 0; } 
#news p { margin-top: 0; margin-bottom: 20px; }
#news p:last-child { margin-bottom: 0; }

/* ------ POETRY ------ (Reference: http://thecampvs.com/?page_id=925) */
#poetry { width: 60%; font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;  }
#poetry ol.poem { margin-left: 2em; list-style:none; margin-top: 2em; }
#poetry li { white-space: nowrap; }
#poetry li.show { list-style:decimal; }
#poetry li.indent { text-indent:25px; }
#poetry li.insh { list-style:decimal; padding-left: 25px; }
#poetry li.space { margin-bottom: 2em; }
#poetry li.insp { text-indent: 25px; margin-bottom: 2em; }
#poetry p.author { text-align: right; margin-top: 3em; }

/* ------ GENERIC CLASSES ------ */
.companyname {  }
.keyterm { font-style: italic; font-weight: bold; }
.errormessage { color: #F00; font-weight: bold; }
.helptext { color: #F00; }
.alternaterow { background-color: #EEE; }
.selectedrow { background-color: Yellow; }
.equation { margin-left: 80px; margin-right: 80px; font-style: italic; }
.required { border-left: 10px solid #009245; padding-left: 5px; padding-right: 2px; color: #000; }
.notrequired { border-left: 10px solid #EEE; padding-left: 5px; padding-right: 2px; color: #000; }
.popup { }
.hide { display: none; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }

/* ------ Data Web Control Styles ------ */
/*.DataWebControlStyle { font-size: 90%; }
.HeaderStyle { background-color: #CCC; color: Black; font-weight: bold; }
.AlternatingRowStyle { background-color: #EEE; }
.RowStyle { background-color: White; }
.SelectedRowStyle { background-color: Yellow; }
.EditRowStyle { background-color: Yellow }
.FooterStyle { background-color: #CCC; color: Black; text-align: right; }*/

.Button { 
  background-color: #009245;
  background-image: -moz-linear-gradient(0 100% 90deg, #009245, #00C460);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00C460), to(#009245));
  color: #fff; 
  font: normal 12px Tahoma, Arial, Helvetica, Sans-Serif; 
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.25);
  padding: 3px 5px;
  margin: 0 2px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  }

.ButtonLarge { 
  background-image: -moz-linear-gradient(0 100% 90deg, #FC3, #FFE697);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE697), to(#FC3));
  background-color: #FC3; 
  color: #000; 
  font: bold 20px Helvetica, Arial, Tahoma, sans-serif;
  padding: 8px 15px;
  line-height: 1;
  border: none;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  }

table.DataWebControlStyle th { padding: 5px; margin: 0; border: solid 1px #000; }
table.DataWebControlStyle thead th { vertical-align: bottom; white-space: nowrap; text-align: center; }
table.DataWebControlStyle tbody th { vertical-align: top; text-align: left; }
table.DataWebControlStyle td { padding: 5px; margin: 0; vertical-align: top; }
table.DataWebControlStyle td p { margin-top: 0; }

/* ------ From ASP.NET Personal Web Site Starter Kit Photo Gallery ------ */
.photo_198 { border: 4px solid #CCC; }



div#training-glossary, div#training-credits {
  -moz-column-count:2; /* Firefox */
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;
  -moz-column-gap:20px; /* Firefox */
  -webkit-column-gap:20px; /* Safari and Chrome */
  column-gap:20px;
}