/* CSS Document for common styles - contains styles used once or more throughout the entire app. */

/* hyperlinks */

/* default (in dark blue) */	
a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#003399;
	}
	
a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#003399;
	}

a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#003399;
	text-decoration: underline;
	}
	
/* section header */	
a.sectionheader:link {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:uppercase;
	color: #993333;
	font-weight:bold;
	}
	
a.sectionheader:visited {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:uppercase;
	color: #993333;
	font-weight:bold;
	}

a.sectionheader:hover {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
	text-transform:uppercase;
	color: #993333;
	font-weight:bold;
	}	
		

/* reverse (in white) */	
a.r:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	}
	
a.r:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	}	

a.r:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: underline;
	}	

/* horizontal rule */
hr {
  	border: 0;
  	width: 100%;
  	color: #cccccc;
	height: 1px;
	}


/* content */

/* page title in large black text */
.page-header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #000000;
	text-transform:capitalize;
	font-weight:bold;
	}

	
.heading {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	text-decoration:none;
	text-transform:none;
	color: #117777;
	font-weight:700;
	}	

.heading2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:700;
	}
	
.heading3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:700;
	}	

.heading4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:700;
	}

	
.redtext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:none;
	font-style:italic;
	color: #993333;
	font-weight:500;
	}

.text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:500;
	}

.text-g {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:none;
	color: #006666;
	font-weight:bold;
	}
	
.text-r {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:none;
	color: #FFFFFF;
	font-weight:500;
	}

.twelvepoint {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	}
	
.elevenpoint {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	}		

.ninepoint {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:500;
	}

.eightpoint {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:500;
	}
	
.eightpoint-green {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #117777;
	font-weight:500;
	}	
.eightpoint-red {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #993333;
	
	font-weight:bold;
	padding-left:20px;
	}

.eightpoint-blue {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003399;
	font-weight:700;
	padding-left:20px;
	}		
.tenpix {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:500;
	}
	
/* warning text */
.warn {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-transform:none;
	color: #cc0000;
	}	

/* used for contact info - top right corner */
.contactus {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:500;
	}

/* used for footer */
.footer {
	margin:0px auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration:none;
	text-transform:none;
	color: #333333;
	font-weight:500;
	padding-top:5px;
	}	

.redbullet {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #993333;
	font-weight:700;
	}
	
/* list with red arrow bullet */	   
#redarrowlist
{
margin-left: 0;
padding-left: 0;
margin-top: 0;
padding-top: 0;
list-style: none;
}

#redarrowlist li
{
padding-left: 20px;
background-image: url(../images/redarrow.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
}

/* list with yellow arrow bullet */	   
#yellowarrowlist
{
margin-left: 0;
padding-left: 0;
margin-top: 0;
padding-top: 0;
list-style: none;
}

#yellowarrowlist li
{
padding-left: 20px;
background-image: url(../images/yellowarrow.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
}


.box_goodies {
border-style:dashed;
border-color:#6666cc;
border-width:1px;
background-color:#ddeeee;
padding:10px;
margin:10px;
}

.jobtitle {
font-size:11px;
font-family:tahoma,arial, sans-serif;
font-weight:100;
color:#EEAA33;
text-transform:uppercase;
}

.instructor {
font-size:24px;
font-family:century gothic,tahoma,arial, sans-serif;
color:#6666cc;
}


/* style for search - yellow rounded corner box */
.roundedcornr_box_search {
   background: #d4d9ea;
}
.roundedcornr_top_search div {
   background: url(../images/roundedcornr_search_tl.png) no-repeat top left;
}
.roundedcornr_top_search {
   background: url(../images/roundedcornr_search_tr.png) no-repeat top right;
}
.roundedcornr_bottom_search div {
   background: url(../images/roundedcornr_search_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_search {
   background: url(../images/roundedcornr_search_br.png) no-repeat bottom right;
}

.roundedcornr_top_search div, .roundedcornr_top_search, 
.roundedcornr_bottom_search div, .roundedcornr_bottom_search {
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_search { margin: 0 15px; }


/* LOGIN PAGE GREEN BORDER BOX */
.roundedcornr_box_724945 {
	background: url(../images/roundedcornr_724945_tl.png) no-repeat top left;
}
.roundedcornr_top_724945 {
	background: url(../images/roundedcornr_724945_tr.png) no-repeat top right;
}
.roundedcornr_bottom_724945 {
	background: url(../images/roundedcornr_724945_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_724945 div {
	background: url(../images/roundedcornr_724945_br.png) no-repeat bottom right;
}
.roundedcornr_content_724945 {
	background: url(../images/roundedcornr_724945_r.png) top right repeat-y;
}

.roundedcornr_top_724945 div,.roundedcornr_top_724945,
.roundedcornr_bottom_724945 div, .roundedcornr_bottom_724945 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_724945, .roundedcornr_bottom_724945 {
	margin-top: -19px;
}
.roundedcornr_content_724945 { padding: 0 15px; }


.welcome {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style:normal;
	color: #EEAA33;
	letter-spacing: 1px;
	font-weight: bold;
	}


/* reverse (in white) */	
a.r:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	}
	
a.r:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	}	

a.r:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: underline;
	}	
	
/* line-height of lists in Module Topics page */

ul.modtopics {
	padding:15px 5px 0px 25px;
	margin:0px;
	}

ul.modtopics li {
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid 1px #ededed;
	}
	
a.skipnav {position: absolute;
		color:#003399;
		top: -100px;
		left: -100px;
		height:1px;
		width:1px;
		overflow:hidden;
		text-align: left;}
	
a.skipnav:active, a.skipnav:focus {top:0;
		left:0;
		height:auto;
		overflow:auto;
		width: 100%;
		padding:5px;
		text-decoration:none;}