.ahem {
	display:	none; /* The ahem class will always be hidden in standards compatible browsers, but will show for others */
	}

.nobr { white-space: nowrap; } /* Keeps text from wrapping */

.required {
	color : Red;
}

h4 {
	margin-bottom : .3em;
	margin-top : .4em;
	margin-left : 0;
	margin-right : 0;
}

body {
	color: black;
	background: white;
	/*padding: 0.5em 1em;*/
	margin: 0;
	font-size: 80%;
}


.popupwindow {
	/* So that popup window data like the view progress page will have margins on the left and right */
	margin : 0.5em 1em 1em 1em;
}

.marginedarea {
	margin: 1em 5em 1em 5em;
}

body, textarea, input, table {
	font-family: Arial, Helvetica, sans-serif;
}

table { /* For some reason tables use their own font rather than the body font */
	font-size: 1em;
}


a:link{
	color: #06c;
	background: transparent;
}
a:visited{
	color: #06c;
	background: transparent;
}
a:hover{
	color: #1E90FF;
	background: transparent;
}

#universityHeader {
	background-color: #FFFFFF;
	/*border-bottom: 2px solid Gray;
	*/
	/*min-width: 60em;
	max-width: 80em;
	*/
	padding: 1px 0px 1px 0px;
	height : 85px;
	vertical-align: middle;
	background: transparent url(/css/im_univ_default/topbg.jpg) top right no-repeat;
}

#universityLogo {
	position: absolute;
	left: 0;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	padding: 1px 0px 1px 0px;
}

#headerText {
	margin: 0 0 0 200px;
	position: relative;
	text-align: center;
	font-size: 2.3em;
	min-width: 20em;
	height: 85px;
	vertical-align: middle;
}

#headerText table, #headerText td {
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

#headerButtons {
	position: absolute;
	right: 40px;
	top: 0;
}

#headerButtons a.fullscreen {
	display: inline;
	background: transparent url(/css/im_univ_default/newwindow_icon.png) top left no-repeat;
	padding-left: 18px;
	height: 17px;
	margin-top: 1em;
}

#headerButtons a.soundoptions {
	display: inline;
	background: transparent url(/css/im_univ_default/soundicon.png) top left no-repeat;
	padding-left: 18px;
	height: 17px;
	margin-top: 1em;
}

#footer {
	visibility: hidden;
	text-align: center;
	background-color: #FFFFFF;
	border-top: 2px solid Gray;
	width: 100%;
}

/* universityBar is the bar just underneath the header area that we can put links in */
#universityBar {
	background-image: url(/css/im_univ_default/blue_grad.png);
	background-repeat: repeat-x;
	background-color: #00376C;
	border-bottom: 1px solid Black;
	color: #FBFBFB;
	text-align: right;
	vertical-align: middle;
	height: 22px;
	min-width: 60em;
}

#universityBar a {
	color: White;
	font-weight : bold;
	text-decoration : none;
}

#universityBar a:visited {
	color: White;
	text-decoration : none;
}

#universityBar a:active {
	color: White;
	text-decoration : none;
}

#universityBar a:hover {
	color: #F3F3F3;
	text-decoration : underline;
}

#universityName {
	position: absolute;
	font-size: 1.4em;
	color: #F4F4F4;
	left: 5px;
	top: 88px;
	padding: 2px 1px 2px 2px;
}


/* quickLinks is the link portion of the universityBar */
#quickLinks {
	height: 20px;
	vertical-align: middle;
	padding: .2em .3em .2em .2em;
}

/* The Lefthand Sidebar */
#navArea {
	position: absolute;
	left: 0;
	width: 16em; /* about 200 pixels */
	margin: 0;
	padding: 0;
	background: #ECECEC;
	border-right: 1px solid Gray;
	border-bottom: 1px solid Gray;
	min-height: 460px;
	height: 460px; /* 1 px more than height of content area works best */
}

#navArea h2 a:link, #navArea h2 a:visited {
	color: #036; /* Affects the color of the Course Menu link on the left hand side */
}

#navArea .message {
	/*border: 1px dashed Gray;*/
	margin: 1em 1em 1em 1em;
}

#navArea .coursemenulink, a.coursemenulink {
	display: inline;
	background: url(/css/im_univ_default/back_load.gif) top left no-repeat;
	padding-left: 27px;
	margin-left: 5px;
	height: 21px;
	elevation: above;
}

#contentArea {
	position: relative;
	min-width: 46em;
	max-width: 76em;
	margin: 0 0 0 14em;
	background-color: white;
	padding: .2em 1em .2em 1em;
	z-index: 3;
	font-size: 1.2em;
	min-height: 459px;
	height: 459px;
}

/* lessonBar is the bar that contains lesson information and links to next and previous lessons */
#lessonBar {
	background-image: url(/css/im_univ_default/gray_grad.png);
	background-repeat: repeat-x;
	background-color: #B3B2B2;
	color: #575757;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 500px;
	border: 1px solid Black;
	elevation: above;
	padding: 2px 1em 1px 1em;
	margin: .5em 1em 1em 1em;
}

#lessonBar a.forwardbutton {
	display: inline;
	background: transparent url(/css/im_univ_default/blue_forward_icon.png) top right no-repeat;
	padding-right: 22px;
	margin-left: 3em;
	height: 19px;
}

#lessonBar a.backwardbutton {
	display: inline;
	background: transparent url(/css/im_univ_default/blue_backward_icon.png) top left no-repeat;
	padding-left: 22px;
	margin-right: 3em;
	height: 19px;
}

.cwd { /* Current Working Directory - Used in Admin Site*/
	position: relative;
	width: auto;
	min-width: 120px;
	border: 1px solid #00008B;
	background-color: #F5F5F5;
	padding: 5px;
	z-index: 10;
}

/*
#navArea .beginner a:hover {
	border-bottom-color: red;
}
#navArea .intermediate a:hover {
	border-bottom-color: #0c0;
}
#navArea .advanced a:hover {
	border-bottom-color: blue;
}
*/

/* Match the icons for things for non li menu items - stuff like view progress*/
.icon_complete {
	background: url(http://version2.peopleu.com/css/images/complete.gif) no-repeat center;
	width: 15px;
	height:15px;
}
.icon_incomplete {
	background: url(http://version2.peopleu.com/css/images/incomplete.gif) no-repeat center;
	width: 15px;
	height:15px;
}
.icon_bullet {
	background: url(http://version2.peopleu.com/css/images/c_listblack.gif) no-repeat center;
	width: 15px;
	height:15px;
}

/* The Menu Class is used for the course menu but also can be used anywhere that a similar menu is needed */
.menu {
	padding: 0;
	margin: 0;
}

.menu h2 {
	color: #47515B;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.menu h4 {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.menu a {
	padding : .1em .1em .1em .1em;
	width: 14.5em;
	display: block;
	font-weight : bold;
	border: 1px solid #ECECEC; /* Should be the same color as the background so that it doesn't show up */
}

.menu a:hover {
	width: 14.5em;
	background-color: #f7f7f7;
	text-decoration: none;
	border-color: #ddd;
	border-bottom-color: #036;
}

.menu h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: .1em .1em .1em .1em;
}

.menu h3 a:link, .menu h3 a:visited, .menu h3 a {
	color: #605E54;
	display: block;
	text-decoration: none;
	background: url(/css/im_univ_default/graywhite_grad.png) repeat-x top left;
	background-color: #f8f8f8;
	border: solid 1px #EEEAE4;
	margin: 0;
	padding: .2em .1em .2em .1em;
	font-weight: normal;
	width: 15em;
}

.menu h3 a:link:hover, .menu h3 a:visited:hover {
	color: #06c;
	border: solid 1px #DDD9D4;
	border-top-color: #F5F3F0;
	border-left-color: #F5F3F0;
	background: #f7f7f7;
	margin: 0;
	padding: .2em .1em .2em .1em;
	font-weight : normal;
}

.menu ul {
	/*margin: .2em 0 .2em 2em;*/
	margin: .2em 0 .2em 0;
	padding: 0 0 0 2em;
	text-indent: 0; /* This indents the first line of a multiline block but doesn't affect an outside-positioned bullet */
	/* The list style position must be outside or else the block links in firebird will be moved down a line */
	list-style: disc outside url(http://version2.peopleu.com/css/images/c_listblack.gif); 
}

.menu li {
	/*padding-left: 1em;
	margin: 1px 0.5em 1px 1em;
	*/
	/*margin: 0 0 0 0;
	padding: .1em .1em .1em 0;*/ /* padding won't move the li anywhere, it just makes more space between the text and the border of the li
		The li width doesn't get affected by padding either.*/
	/*line-height: 1.2em;*/
	list-style: disc outside url(http://version2.peopleu.com/css/images/c_listblack.gif); 
	/*width: 13.5em;*/
	
	margin: 0 0 0 0; 
	width: 13.5em;
	padding: .1em .1em .1em .1em;
	font-weight: bold;
}

.menu li.complete {
	margin: 0 0 0 0;
	padding: .1em .1em .1em 0;
	list-style: disc outside url(http://version2.peopleu.com/css/images/complete.gif); 
	width: 13.5em;
}

.menu li.incomplete {
	margin: 0 0 0 0;
	padding: .1em .1em .1em 0;
	list-style: disc outside url(http://version2.peopleu.com/css/images/incomplete.gif); 
	width: 13.5em;
}

.menu li a, .menu li a:visited, .menu li :link {
	margin: 0 0 0 0; /* changed from -0.5em on right side because IE has cuts off the left side of the block when it is negative*/
	display: block; /* Block makes sure that if the link wraps that it all shows as one large block. Inline would make the second line have it's own block. */
	width: 13.5em;
	padding: .1em .1em .1em .1em;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #ECECEC; /* Should be the same color as the background so that it doesn't show up */
}

.menu li a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
	border-color: #ddd;
	border-bottom-color: #036;
	width: 13.5em;
}

.menu li.sub {
	margin-left: 1em;
	padding: .2em .1em .2em 0;
	list-style-type: square;
	list-style: disc outside url(http://version2.peopleu.com/css/images/listblack.gif); 
	width: 11.3em;
}

.menu li.subcomp {
	margin-left: 1em;
	padding: .2em .1em .2em 0;
	list-style: disc outside url(http://version2.peopleu.com/css/images/listcomplete.gif); 
	width: 11.3em;
}

.menu li.subincomp {
	margin-left: 1em;
	padding: .2em .1em .2em 0;
	list-style: disc outside url(http://version2.peopleu.com/css/images/listincomplete.gif); 
	width: 11.3em;
}

.menu li.sub a, .menu li.subcomp a, .menu li.subincomp a {
	width: 11.3em;
	font-weight: normal;
}
.menu li.sub a:hover, .menu li.subcomp a:hover, .menu li.subincomp a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
	border-color: #ddd;
	border-bottom-color: #036;
	width: 11.3em;
}

.statusboxgood {
	position: relative;
	width: auto;
	border: 3px dashed #32CD32;
	padding: .2em;
	z-index: 3;
	font-size: .9em;
	background-color: #FCFCFC;
}

.statusboxbad {
	position: relative;
	width: auto;
	margin: 5px 20px 5px 20px;
	border: 1px solid #424242;
	background-color: #FFFAFA;
	padding: 1em;
	z-index: 3;
}

.restrictedbox {
	/* The idea behind this is to cause text to wrap rather than go from one side of the screen to the other */
	width: 20em;
}

.adminbox {
	width: 36em;
	background-color : #F9F9F9;
	border : 1px solid Black;
	padding : 1em 1em 1em 1em;
	display : block;
	text-align : left;
}

.error {
	/* Error Box */
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 0 1em .2em 1em;
	border: thin dashed #DC143C;
	background-color: white;
	padding: 10px;
	font-size: 1.3em;
	z-index: 11;
}

.success {
	/* Success Message / Notify Box */
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 0 1em .2em 1em;
	border: 1px solid Green;
	background-color: white;
	padding: 10px;
	z-index: 10;
}

/* Tables */
td {
	 vertical-align: top;
}
td.middle {
	 vertical-align: middle;
}

table.tabulardata, table.tablemenu {
	border : none;
}

table.tablemenu  th {
	color: #605E54;
	text-decoration: none;
	background: url(/css/im_univ_default/graywhite_grad.png) repeat-x top left;
	background-color: #f8f8f8;
	text-align: center;
}

table.tablemenu a, table.tablemenu a:visited, table.tablemenu a:link {
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #FFFFFF; /* Should be the same color as the background so that it doesn't show up */
}

table.tablemenu a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
	border-color: #ddd;
	border-bottom-color: #036;
}


table.tabulardata  th{
	text-align : center;
	font-weight : bold;
	background-image: url(http://version2.peopleu.com/css/images/cell_dkgray_ltblu.gif);
	background-repeat: repeat-x;
	background-color: #8292AC;
	border : none;
	color : #F5FFFA;
}

table.tabulardata  td{
	border : none;
}

table.tabulardata .rowone {
	background-color: #FAFAFA;
}

table.tabulardata .rowtwo {
	background-color: #F1F1F3;
}

table.tabulardata .highlight {
	background-color: #CCFFCC;
}

table.tabulardata .mark {
	background-color: #FFCC99;
}

#viewprogress table {
	background-color: #F9FBFD;
	color: #000000;
	border: 1px solid Black;
	border-collapse: collapse;
} 
#viewprogress td { 
 padding-left: 5px;
 padding-bottom: 5px;
 padding-right: 5px;
 padding-top: 5px;
 border: 1px solid Black;
 vertical-align: top;
}
#viewprogress th:first-child {
	font-weight: bold;
	font-style: normal;
	background: url(http://version2.peopleu.com/css/images/bggradgry.gif) top right repeat-y;
	background-color: #f8f8f8;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	color: Black;
}
#viewprogress th {
	font-weight: bold;
	font-style: normal;
	background-color: #DFDFDF;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	color: Black;
}

#viewprogress tr.complete
{
	background-color : #E2F2E1;
}

input, textarea {
	border: 1px #ccc solid;
	border-color: #666 #ccc #ccc #666;
	margin-bottom: 0.2em;
	padding: 1px;
}

input.radiobutton { /* We don't want a box border around radio inputs */
	border:none;
}

input:focus {
	background-color: #F5F4FB;
	border-color: #222 #666 #666 #222;
}

input.button {
	background-color: #e6e6e6;
	border-color: #ccc #666 #666 #ccc;
	padding: 0;
	cursor: pointer;
	font-size : 1em;
	margin : 0 0 0 0em;
}

.fancybutton { 
 font-weight: bold; 
 letter-spacing: 1; 
 color: #333333; 
 cursor: pointer; 
 cursor: hand; 
 background-image : url(http://version2.peopleu.com/css/images/fancybutton.gif); 
 background-color : White;
}

.warningbutton {  
 font-weight: bold;  
 color: #333333; 
 letter-spacing: 1; 
 cursor: pointer; 
 cursor: hand; 
 background-color : White; 
 background-image : url(http://version2.peopleu.com/css/images/redgradient.gif); 
}

label {
	float: left;
	cursor: pointer; 
 	cursor: hand; 
}

/* A link that needs to look more like a button than a link */
.examlink {
	background-image: url(http://version2.peopleu.com/css/images/fancybutton.gif);
	background-repeat: repeat-x;
	background-color: #F5F5F5;
	border-color: #ccc #666 #666 #ccc;
	border-style : solid;
	border-width : 1px;
	width: 11em;
	text-align: center;
	padding : .3em .3em .3em .3em;
	
}

/* A link that needs to look more like a button than a link */
.modulelink {
	background-image: url(http://version2.peopleu.com/css/images/grad_softbronze.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFD;
	border-color: #ccc #666 #666 #ccc;
	border-style : solid;
	border-width : 1px;
	width: 12em;
	text-align: center;
	padding : .3em .3em .3em .3em;
}

.examlink a {
	cursor: pointer;
	cursor: hand;
	text-align: center;
	display : block;
	font-size: 1.2em;
}

.modulelink a {
	cursor: pointer;
	cursor: hand;
	text-align: center;
	display : block;
	font-size: 1em;
}

li.indent {
	margin-left: 1em;
}

.bordered {
	border: 1px solid #000000;
}