@charset "UTF-8";
/* www.pcci.com.ph Course Sidebar Style Sheet
Developed by: Datu Arellano
Last updated: Wednesday; December 3, 2008 by Datu   
Copyright (C) 2006-2009 Philippine Center for Creative Imaging
------------------------------------------------------ */

#course-sidebar {
	width: 220px;
	font-size: 1.2em;
	padding-bottom: 12px;
	background-color: #EEEEEE;
}
#course-sidebar ul {
	list-style-type: none;
	background-image: url(../images/beegees/gradient-litegrey.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 6px;
}
#course-sidebar li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
h1#h-courses {
	background-color: #59595a;
	color: #FFFFFF;
}
h2#h-schedule {
	background-color: #501b12;
}
h2#h-category {
	background-color: #79783b;
}
h2#h-vendor {
	background-color: #5e6c78;
}
#course-sidebar h2 {
	color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	clear: both;
}
#course-sidebar h3 {
	margin: 0px;
	padding: 6px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	cursor: pointer;
	background-color: #DBDBDB;
	font-size: 1em;
}
#course-sidebar h3.selected {
	background-color: #333333;
	color: #FFFFFF;
}
#course-sidebar a:link {
	text-decoration: none;
}
#course-sidebar a:visited {
	color: #333333;
	text-decoration: none;
}
#course-sidebar a:hover {
	color: #333333;
	text-decoration: underline;
}
ul#course-views {
	padding: 0px;
	margin: 0px;
}
ul#course-views li {
	width: 110px;
	float: left;
	padding: 0px;
	display: inline;
	margin-top: 1.4em;
	margin-right: 0px;
	margin-bottom: 1.4em;
	margin-left: 0px;
	text-align: center;
}
.replace {
	position:relative;
	margin:0px;
	padding:0px;
	/* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;/* */
}
.replace span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#h-courses, #h-courses span {
	height:32px;
	width:220px;
	background-image: url(../images/course-sidebar/coursesidebar.gif);
}
#h-schedule, #h-schedule span {
	height:24px;
	width:220px;
	background-image: url(../images/course-sidebar/coursesidebar-02.gif);
}
#h-category, #h-category span {
	height:24px;
	width:220px;
	background-image: url(../images/course-sidebar/coursesidebar-03.gif);
}
#h-vendor, #h-vendor span {
	height:24px;
	width:220px;
	background-image: url(../images/course-sidebar/coursesidebar-04.gif);
}