/*ADA Basics CSS by M. Allen
Compiled 1/4/07; Last updated inc. BBB course changes 9/7/07 */
/*basic tags*/
body { color: #000; background: #fff; margin:0; padding: 0; font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; line-height: 1.4;}
img{ border: none;}
sup {color: #fff; font-size: 70%; margin: 0; padding:0; font-weight: normal;}
strong { font-weight: bold;}
h1 { font-size: 125%; color: #483d8b; margin:0; padding: 0;}
/*h2 { font-size: 120%; color: #483d8b;}*/
h2 { color: #483d8b;  margin: 1em 5em 0 0; padding: 0 0 0 1em; background: #fff url(http://www.adacourse.org/images/redblock.gif) left center repeat-y; border-top: 1pt solid #d60238; font-size: 120%;}
h3 { font-size: 110%; color:#483d8b;}
h4 { font-size: 105%; color: #483d8b;}
h5 {font-size: 100%; color: #483d8b;}
h6 {font-size: 95%;color: #483d8b;}

a:link {color: #0000ee; text-decoration: underline; font-weight: 100;}
a:hover { color : #0000ee; background: yellow; /*#e7e51f*/ text-decoration : underline; font-weight: 100;}
label { font-weight: bold;}

/*Div used to clear previous float properties, especially for multiple/consecutive columns*/
.cleardiv { clear: both; }

#logocoursename { color:#fff; font-weight: bold; font-size: 130%; margin: 5pt 0 0 -6pt; padding: 5pt 0 0 -6pt;} 
 /*5pt 0 0 0*/

table { font-size: 100%; font-weight: 400; color: inherit;}
.linkaccent { color : #0000ee; background: yellow; font-weight: bold;}

/* Skip Links*/
#skiplinks { color: #000; font-size: 70%; height: 25px; padding: 0 0 0 3pt; margin: 0; background: #e9e9e9; vertical-align: middle;}
#skiplinks a { color: #333399; background: #e9e9e9; margin: 0; padding: 0;}

/*Header*/
#logoarea { float:left; background: #333399; padding: 3pt 0 0 0; margin: -5pt 0 0 0; color: #fff; width: 100%; clear:both;}
#logoarea a { text-decoration: none;}
.logocourse { margin-right: .5em; padding-right: .5em; background: #333399;}
#logotagline { margin: 5pt 0 3pt 5pt; padding: 0 0 0 5pt; font-size: 85%; color: #fff;} 
#logotagline a { border-bottom: 1pt dashed #fff; background: #333399; color: #fff;}
/*#logophone { margin: 5pt 12em 0 0; padding: 5pt 10em 0 0; font-weight: bold; font-size: 95%; text-align: center; font-family : Helvetica, sans-serif, "MS sans serif";} */
#logophone { margin: 5pt 1em 0 0; padding: 5pt 1em 0 0; font-weight: bold; font-size: 95%; text-align: right; font-family : Helvetica, sans-serif, "MS sans serif";}
/*.logoinvisitext { color: #003399; background: #003399;}
a.logoinvisilink { color: #003399; background:#003399; text-decoration: none;}
#logoheader {float:left;  background: #fff; padding: 0; margin: -1pt 0 0 0; border-top: 1pt solid #123466; border-left: 1pt solid #123466; border-right: 1pt solid #123466; width: 100%; clear:both;}
.logodbtac { vertical-align: middle; padding: 0; margin: 0;}
#logotagline { margin: 5px 0 3px 128px; padding: 0; text-align: left; font-size: 78%; color: #000; font-weight: bold;} */

/*Breadcrumb*/
.breadcrumb { font-size: 100%; color: #fff; background:#cc0033;} 
.breadcrumblink { color: #fff; background:#cc0033;} 

/*Content Area*/
#content { background:#fff; padding: 0.5em 2.5em 0.5em 2.5em; margin: 8px 15px 8px 15px;}
#content li {margin: 2px 0 2px 0; padding: 2px 0 2px 0;}
.feedbackinfo { color:#000; background:#eee; text-align:center; font-size: 90%; padding-top: 3px; padding-bottom: 3px;}
.feedbacklink a:link { background:#eee; color: #0000ee;}

/*Navigation*/
.topictitle { background:#fff; color: #483d8b; font-size: 20px; padding-left: 42px;}
.sectiontitle { background:#fff; color: #483d8b; font-size: 20px;}
td.navalign { text-align:right; padding-right: 60px;}
#pagetopicslist { display: inline; list-style-type: none; padding: 0; margin: 0; border: 0;}
#pagetopicslist li{ display: inline; padding:0 2pt 0 4pt; margin:0; list-style-type: none; border-right: 1pt solid #000;}
.pageof { background:#fff; color: #483d8b; padding: 3px;}
.pageon { background:#fff; color: #cc0033; font-weight: bold; font-size: 105%; border: 1px dashed #003399; padding: 3px;}
.pagenav { background:#fff; color: #483d8b; float:right; text-align:right;}
.topicof { background:#fff; color: #483d8b; padding-right: 5pt;}
.backtop { text-align:right;}
.topofpage { text-align:left; padding-left: 60px; font-weight: bold; font-size: 95%;}
/*.topofpage { text-align:left; padding-left: 60px;}
.topofpage a {color: #000; font-weight: bold; font-size: 70%;}*/
a.pageslist {color: #9b1514;}

#coursebuttonsheader {text-align: center; background:#d3e1f0; border-bottom: 3px solid #cc0033;}
#coursebuttonsheader ul { display: inline; list-style-type: none; margin: 0; padding: 0;}
#coursebuttonsheader li { display: inline; list-style-type: none; margin: 0 15px 0 15px; padding: 0;}
#coursebuttonsfooter {text-align: center; background:#d3e1f0; border-top: 3px solid #cc0033;}
#coursebuttonsfooter ul { display: inline; list-style-type: none; margin: 0; padding: 0;}
#coursebuttonsfooter li { display: inline; list-style-type: none; margin: 0 15px 0 15px; padding: 0;}
.coursebuttonselected img { border: 1px dashed #ff1f1f;}

/*Forms and their Tables*/
.loginform { float:right; margin: 0 1em 0.5em 1em; padding:0 1em 0.5em 1em;}
.loginTH {background:#cc0033; color: #fff;}
.loginTR {color:#000; background:#d3e1f0;}
.loginTRlink {color:#000; background:#d3e1f0; font-size: 90%;}

fieldset {margin-bottom: 1em; padding-bottom: 1em;}
legend {font-weight: bold; color: #483d8b;}

.register { text-align: center; color: #000; } /*line-height: 2;*/
.regform { text-align: right; color: #000; }
th.backred { background:#cc0033;} 
td.tellmore { background:#cc0033; color: #fff; text-align:center;} 
a.backredlink { font-size: 100%; color: #fff; background:#cc0033; text-decoration: none; font-weight: bold;}
h4.backgray { color: #000; background:#eee; font-weight: bold;} 
tr.backgrayinfo { color:#000; background:#eee;}
a.backgraylink { color:#000; background:#eee; font-size: 90%;}
.bulletin { font-size: 70%; background:#003399;}

.noteinfo { color:#000; background:#d3e1f0;}
.noteinfo a { color:#000; background:#d3e1f0;}

/*Course Index*/   
.infobox { font-size:95%; color:#000; background:#eee;}
.infobox p { color:#000; background:#eee;}
.infobox ul { font-size:95%; color:#000; background:#eee;}
.infobox li { color:#000; background:#eee;}

#certinfobox { background: #fff url(http://www.adacourse.org/images/redblock.gif) left top no-repeat; padding: 0 0.5em 0.5em 1.5em; margin: 0.5em 3em 0.1em 3em; border: 2px solid #d60238;}
#certinfobox h2 { font-family: Arial, Helvetica, san-serif; background: none;  padding: 0 0 0.3em 0; color: #d60238; margin: 0 0 0 0; font-weight: bold; border:none; background-image: none;} 

/*Course Map*/

/*Course Index*/   
#mycourseprogress { font-size: 95%; color: #000; margin-top: 0; margin-bottom: 0.5em; padding: 0 0.1em 0.1em 0.1em; width: 85%; border: 1px solid #483d8b;   }
#mycourseprogress h3 { font-size: 115%;  color:#483d8b; border-bottom: 1px solid #483d8b; padding: 0; margin: 0; }
#mycourseprogress h4,p { padding: 0.5em 0 0 0; margin: 0; }
#mycourseprogress ul { margin-top: 0; padding-top: 0;}
.myprogressnotes { background:#ffeecc; font-size: 80%; color: #000; margin: 1em 4em 0.5em 4em; padding: 1px; width: 85%; }

table.map { background: #663300;}
#mapinfo { width: 80%; background: #f5f5f5; border: 2px solid #dddddd; padding: 3px;}  
#mapinfo li{ list-style-type: none;}
#mapinfo a { background:#f5f5f5;}  

/*Noteboxes*/
.notebox { color:#000; background:#ffeecc; padding: 0.5em; margin:0.5em;}
.notebox a { color:#000; background:#ffeecc;}

/*Page Intro/Links Box*/
#pageintrobox {border: 0.5pt solid #d60238; padding: 2px; margin: 0.4em 0.5em 0 0.5em; width: 65%; font-size: 75%;  }
#pageintrobox h2 { color: #d60238; text-align:center; background-image: none; border: none; margin:0; padding: 0; font-size: 120%; font-family: Verdana, Helvetica, san-serif; }
#pageintrobox ul {margin-top: 12px; margin-bottom: 0;}
#pageintroboxul li ul {margin-top: 0;}
#pageintrobox ul li ul li {margin-left: -1.5em; padding-left: -1.5em;}

/*Random Dress Up*/
.invisitext { color: #fff; background:#fff; font-size : 10px; text-decoration:underline;}
a.invisilink { color: #fff; background:#fff; font-size : 10px; text-decoration:underline;}
.linered { background:#cc0033; color:#cc0033;}
td.Ralign { float:right; text-align:right;}
td.Lalign { float:left; text-align:left;}
.Calign { text-align:center;}
table.Ralign { float:right;}
div.TellMore { margin-left: 75px; margin-bottom: 10px;}
p.Ralign { text-align:right;}
.hidepipe { display: none;}
.textGRN { color: #006600; font-weight: bold;}
.green { color: #006600; font-weight: bold;}
.blue {color:#483d8b; font-weight: bold;}
.hideoff, a span { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }

#quizresultslist li {border-top: #d60238 solid 1px; margin: 0.5em 0; padding: 0.5em 0;}

/*Div creates two columns, side-by-side content, i.e. used on home page to display portals*/
.columntworow { margin: 0px 10px;}
.columntwoA { float: left; width: 48%;}
.columntwoB { float: right; width: 48%;}

/*Footer*/
.bottomnav { background:#fff; font-size: 95%; color:#000;}
#footer {border-top: 3px solid #cc0033; border-left: 1pt solid #333399; border-right: 1pt solid #333399; border-bottom: 1pt solid #333399; background: #e9e9e9; color: #000; text-align: center; font-size: 90%; margin: 0; padding: 5px 0 5px 0;}
#footer a { color: #000; background: #e9e9e9;}
#footer a:hover { color: #000; background: yellow; font-size: 100%;}
.websiteby { font-size: 85%;}
.copyright { font-size: 80%;}
.textRED { color: #f41e08; font-weight: bold;}
.red { color: #f41e08; font-weight: bold;}